Question

所有

我有以下代码，

    <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'});
    });

在互联网资源管理器中，div没有显示，有人可以告诉我代码更改，使其在IE上运行。

由于...................

Answer 1

你还没有打电话给show ...

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

Answer 2

首先，您可以在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});

在更改CSS值之前，请检查div的显示样式。

Answer 3

我认为你应该拿出以下一行：

ele.style.display='block';

然后像这样调用你的jQuery：

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

您可能会注意到我给了top一个固定值，这样您就可以确定元素是否全部显示。如果是，那么你可以放心地说IE没有得到event.pageY的值。此外，如果我是正确的，像素值css属性定义如上。

Answer 4

首先，将CSS移动到类

#show {
// put it here
}

为什么在使用CSS时可以使用javascript？可能是IE问题与JavaScript代码的那部分有关。

你是空的，地狱，但你怎么想看到一个空的div？放一些文字再试一次。

Answer 5

          <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>

jquery IE支持show（）

5 个答案: