jQuery的下拉閃爍在Firefox中，Chrome或Safari不工作

，我用定期HTML/CSS的網站是不是跟這個WordPress站點工作壓力太大以及

我的下拉菜單淡入淡出效果：http://174.120.235.57/~phvne/jQuery的下拉閃爍在Firefox中，Chrome或Safari不工作

我把劇本在結束標籤之前調用頁腳。

我是新的使用jQuery和WordPress的...任何幫助非常感謝！

下面是我使用的jQuery代碼：

jQuery(document).ready(function($) { 

    var speed=500; 
    $('#nav li').hover(
     function() { 
      //show its submenu 
      $('ul', this).fadeIn(speed); 
     }, 
     function() { 
      //hide its submenu 
      $('ul', this).fadeOut(speed);   
     } 
    ); 
});

來源

2011-11-29 John Wooten

工作正常，我（5.0.1） – Strelok

嘗試使用這樣的：

$(document).ready(function() { 
var speed = 500; 
$('#nav li').hover(
    function() { 
     //show its submenu 
    $('ul', this).stop(true).slideDown(speed); 
    }, 
    function() { 
     //hide its submenu 
    $('ul', this).stop().hide(speed);  
    } 
); 
});

這就是我用我的下拉列表中，並能正常工作。

來源

2011-11-29 23:50:20 Shawn31313

我試過的代碼，它不工作很正確。我現在在網站上。 http://174.120.235.57/~phvne/一些下拉菜單可以使用，其他下拉菜單則不會。我必須以錯誤的方式或腳本來調用腳本...... –

你是如何拖放不滑動？就像那裏假設一樣。 – Shawn31313

爲了安全起見，您可能希望避免與頁面上的其他JQuery發生衝突。例如，你可以嘗試以下方法：在Chrome瀏覽器（17）和Firefox

$j=jQuery.noConflict(); 
$j(document).ready(function() { 
    var speed=500; 
    $j('#nav li').hover(
     function() { 
      //show its submenu 
      $j('ul', this).fadeIn(speed); 
     }, 
     function() { 
      //hide its submenu 
      $j('ul', this).fadeOut(speed);   
     } 
    ); 
});

來源

2011-11-30 04:34:38

嗯...我把這個替換了我的代碼，它根本不起作用。感謝您的答案...我真的很感激它！ –

我更新了代碼。我將ready函數中的$改爲$ j，以使用正確的JQuery –

也可以嘗試將JQuery腳本放在head標記中。您可以使用以下操作掛鉤從插件中訪問頭部。 'add_action（'wp_head'，'your_function'）;' –

jQuery的下拉閃爍在Firefox中，Chrome或Safari不工作

回答

相關問題