jquery - jQuery-Slidetoggleは機能しますが、Firefoxでは機能しません

Question

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

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

});
});
</script>

これはChromeとSafariで機能することを確認できますが、 InternetExplorerと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

jQueryの.onを使用してみてください...

$("#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');
            });
    });