jQuery：点击时显示/隐藏 div 适用于 webkit 而不是 mozilla答案

【问题标题】：jQuery: Show/Hide div on click works with webkit not mozillajQuery：点击时显示/隐藏 div 适用于 webkit 而不是 mozilla
【发布时间】：2011-10-03 03:41:02
【问题描述】：

几个月来我一直在建立一个网站，并且网站的一个非常基本的部分做一个简单的隐藏/显示 div。我只在 Chrome 中进行了测试，它一直在工作，就像在做梦一样。但是今天我测试了Firefox，它没有用。这是我的代码：

$(document).ready(function() {
   $(".show_hide").bind("click", doSwitch);

  function doSwitch() {
    // Get the ID out of the id="" attr of the <a>
    var ind = $(this).attr("id").replace("in", "");
    var ud = $(this).attr("id").replace("out", "");
    var pik = $(this).attr("id").replace("trigger", "");


    // Hide all the blocks, because a block has been chosen!
    $(".infobox").hide();

    // Show the requested #ID
    $("#in-"+ind).fadeIn(1);
    $("#out-"+ud).fadeIn(1);
    $("#trigger"+pik).fadeIn(1);

   return false;
  }

});

【问题讨论】：

你能在jsfiddle.net做一个demo进行测试吗？
您是否在控制台中看到任何错误？如果你手动运行$('.show_hide').click() 会发生什么？
我正在尝试让 jsfiddle 工作。但是由于它填充了大量的php，因此很难解决。它在 jsfiddle 上不起作用，但链接是：jsfiddle.net/TxzbX
@Hans Engel 如何手动运行它，如何查看控制台？请与我裸露 - 我是 js 新手。 :)
我总是在 Firefox 上使用 FIREBUG 进行调试，它会在我的代码中发现很多错误。试试getfirebug.com/downloads - 问候

标签： jquery webkit mozilla show-hide

【解决方案1】：

试试这个：

$(".show_hide").live("click",function(){doSwitch();});

【讨论】：

【解决方案2】：

试试：

$(".show_hide").click(doSwitch);

另外，将 fadeIn(1) 更改为 show() 会快很多，而不是尝试对其进行动画处理。

【讨论】：

我都试过了。不幸的是，它在 Firefox 中都不起作用，所以它仍然是一样的。