2011-11-29 77 views
1
,我用定期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);   
     } 
    ); 
}); 
+0

工作正常,我(5.0.1) – Strelok

回答

1

尝试使用这样的:

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

这就是我用我的下拉列表中,并能正常工作。

+0

我试过的代码,它不工作很正确。我现在在网站上。 http://174.120.235.57/~phvne/一些下拉菜单可以使用,其他下拉菜单则不会。我必须以错误的方式或脚本来调用脚本...... –

+1

你是如何拖放不滑动?就像那里假设一样。 – Shawn31313

1

为了安全起见,您可能希望避免与页面上的其他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);   
     } 
    ); 
}); 
+0

嗯...我把这个替换了我的代码,它根本不起作用。感谢您的答案...我真的很感激它! –

+0

我更新了代码。我将ready函数中的$改为$ j,以使用正确的JQuery –

+1

也可以尝试将JQuery脚本放在head标记中。您可以使用以下操作挂钩从插件中访问头部。 'add_action('wp_head','your_function');' –

相关问题