Question

我在常规HTML / CSS网站上使用的下拉淡入淡出效果对于此WordPress网站效果不佳：http://174.120.235.57/~phvne/

我将脚本调用放在关闭正文标记之前的页脚中。

我是使用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);           
        }
    );
});

Answer 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);      
    }
  );
});

这是我用于下拉列表的内容，而且效果很好。

Answer 2

为了安全起见，您可能希望避免与页面上的其他JQuery冲突。例如，您可以尝试以下操作：

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

jQuery Dropdown在Firefox中闪烁，在Chrome或Safari中无效

2 个答案: