jquery - jQuery - Slidetoggle 可以工作，但不能在 Firefox 中使用

Question

<script>
jQuery(document).ready(function($){
$("#panel").click(function(){ 

event.preventDefault();
$("#panel_stats").slideToggle("slow");

});
});
</script>

我可以确认这在Chrome和Safari中有效，但在Internet Explorer和Firefox中无效。我已经在某处读到内联 HTML “display:none” 会起作用，但最终它没有。

删除 event.preventDefault(); 成功了，谢谢大家！

Answer 1

<script>
$(document).ready(function(){
    $("#panel").click(function(){ 
       $("#panel_stats").slideToggle("slow");    
    });
});
</script>

尝试删除event.preventDefault();也定义面板到#panel或.panel

演示：http: //jsfiddle.net/enve/L4nXy/

Answer 2

你可以保留event.preventDefault();

但是添加event.stopPropagation();

然后它将在 Firefox 和所有浏览器中运行。

Answer 3

尝试使用 .on 的 jQuery ...

$("#panel").on('click', function(){ 
       $("#panel_stats").slideToggle("slow");    
});

问候。

Answer 4

我尝试删除 event.preventDefault 但它搞砸了 Chrome 上的行为。

我最终这样做了：

    $(function () {
        $('.faqs dd').hide();
        $('.faqs dt')
            .click(function () {
                if (!(navigator.userAgent.toLowerCase().indexOf('firefox') > -1)) {
                    // not firefox
                    event.preventDefault();
                }
                $(this).next().slideToggle('normal');
            });
    });