Question

我使用带有css的JQuery使用Click命令在页面上显示div。

就像这里的代码一样。

$("#img1_hover").click(
 function(){
    $('#img1_show').addClass('img1_show_vis');
    $('#img_shower_1').addClass('img_shower_vis');
    $('#close_btn_1').addClass('img1_show_x_vis');
 }

代码在Firefox下工作正常，但它在IE下无效。任何人都知道为什么??

感谢您的回复！

可以在http://martinesavard.com/template.php

看到该页面

Answer 1

尝试返回false。

$("#img1_hover").click(function(){
  $("#img1_show").addClass("img1_show_vis");
  $("#img_shower_1").addClass("img_shower_vis");
  $("#close_btn_1").addClass("img1_show_x_vis");
  return false;
});

关于你的代码的一个问题是你有一个div标签来接收点击，我开始认为div是否崩溃是你预期的正确位置。尝试为将接收点击的div添加边框，以便在他们需要的地方进行可视化。

在Firebug中我运行了这个：

jQuery("#img1_hover").css("border", "3px solid #f09");

其中显示了点击需要发生的位置的大纲。然后我将显示设置为无，以便可以隐藏它。

jQuery("#img1_hover").css("display", "none");

当你看到点击区域不再存在时，点击同一区域就什么都不做了。也许这可能是IE中的问题。

Answer 2

尝试在'$（document）.ready'中运行事件附件，而不是在任何函数之外的<script>中运行 - 也许IE在代码运行时还没有准备好DOM。< / p>

Answer 3

尝试关闭括号：

$("#img1_hover").click(
 function(){
    $('#img1_show').addClass('img1_show_vis');
    $('#img_shower_1').addClass('img_shower_vis');
    $('#close_btn_1').addClass('img1_show_x_vis');
 }

变为：

$("#img1_hover").click(
 function(){
    $('#img1_show').addClass('img1_show_vis');
    $('#img_shower_1').addClass('img_shower_vis');
    $('#close_btn_1').addClass('img1_show_x_vis');
 });

Answer 4

您的图像位于外框后面。您的点击无法完成。（带有“frame”类的div的z-index为100，而你的图像div为99.）

IE下的JQuery

4 个答案: