jQuery的IE（）的支持

-2

我有下面的代碼，

<div id="show" display="none"></div> 

    var ele=document.getElementById('show'); 
    ele.style.display='block'; 
    ele.style.padding='1px'; 
    ele.style.borderLeft='solid 1px #d0d0d0'; 
    ele.style.borderBottom='solid 1px #a0a0a0'; 
    ele.style.position='absolute'; 
    ele.style.borderTop='solid 1px #d0d0d0'; 
    ele.style.borderRight='solid 1px #a0a0a0'; 
    ele.style.backgroundColor='#ffffaa'; 
    ele.style.fontSize='12px'; 
    ele.style.fontFamily='helvetica'; 
    ele.style.color='black'; 

    $(window).mouseover(function(event) { 
    $("#show").css({'top': (event.pageY)/2, 'left': '10px'}); 
    });

在Internet Explorer中的div沒有得到顯示可能有人請告訴我的代碼更改，使其工作在IE上。

感謝...................

來源

2010-02-08 Hulk

爲什麼你用JavaScript設置初始樣式而不僅僅是普通的css？ – Natrium 2010-02-08 09:57:16

需要更多的上下文。 'display =「none」'不是有效的HTML。你爲什麼用JavaScript設置所有這些樣式？那個jQuery代碼應該做什麼計算？你爲什麼期待一個沒有內容的div可見？ – 2010-02-08 09:59:44

這段代碼在某些函數中被調用，因此完成了。 – Hulk 2010-02-08 10:00:53

您還沒有叫秀...

$("#show").show();

來源

2010-02-08 09:57:31 Andrew

不，它不工作.............. – Hulk 2010-02-08 10:00:01

所以你怎麼試着打電話給節目。我在上面的例子中看不到它。我無法猜出你想作爲最終結果 – Andrew 2010-02-08 10:03:15

設置ele.style後。顯示=「無」;在javascript中是$（「＃show」）。show（）;需要.. – Hulk 2010-02-08 10:03:55

首先，你可以設置所有這些樣式在一個CSS類。

#show { copy all your styles here }

我想如果你想按照鼠標移動移動div，那麼你必須處理mosemove而不是mouseover。將文檔準備事件中的mousemove函數括起來。

$(function(){ 
    $(window).mousemove(function(event) { 
     $("#show").css({'top': (event.pageY)/2, 'left': '10px'}); 
    }); 
});

編輯

如果你想在div作爲一個工具提示，那麼你可以寫這樣的事情

$("#show").css({'top': event.pageY + 15, 'left': event.pageX + 15});

檢查div的顯示風格是塊在更改CSS值之前。

來源

2010-02-08 10:01:29 rahul

嗨，其實我試圖生成一個div看起來像工具提示 – Hulk 2010-02-08 10:06:14

請參閱我的編輯到回答。 – rahul 2010-02-08 10:09:58

IT不會在IE – Hulk 2010-02-08 10:15:39

我想你應該拿出下面一行：

ele.style.display='block';

然後打電話給你的jQuery這樣的：

$("#show").css({'top': 100, 'left': 10}).show();// element gets passed to callback function

您可能注意到，我給top一個固定值，只是讓你可以確定元素顯示在AT ALL。如果是這樣，那麼你可以放心地說IE沒有得到event.pageY的值。此外，像素值的CSS屬性定義如上，如果我是正確的。

來源

2010-02-08 10:24:41

首先，移動CSS一類

#show { 
// put it here 
}

爲什麼使用JavaScript時，你可以用CSS做呢？可能是IE問題與JavaScript代碼的那部分。

而你是空的，地獄，但你想如何看到一個空的div？放一些文字，然後重試。

來源

2010-02-08 10:51:08

  <script type="text/javascript"> 
       myFlashObject=new Object 
       myFlashObject.movie="new_wheel.swf" 
       myFlashObject.quality="high" 
       myFlashObject.wmode="transparent" 
       myFlashObject.width="960px" 
       myFlashObject.height="600px" 
       myFlashObject.version="6,0,0,0" 
       commitFlashObject(myFlashObject, "flash") 
      </script>

來源

2012-05-02 07:03:03 sha

中顯示，感謝您發佈您的答案，如果您還可以向代碼添加一些解釋 – Luca 2012-10-19 21:29:03

回答

相關問題