1

我正在处理两个页面元素上的一个简单的 hoverIntent 位（悬停在“search_over”上使“搜索”可见，悬停在“subscribe_over”上使“订阅”可见），我不知道为什么它在工作“ subscribe_over”而不是“search_over”。我现在在 Chrome 和 FF 中进行测试，它在 FF 中的两个 div 上都可以正常工作，并且只能在 chrome 中的“subscribe_over”上工作。你能帮我弄清楚为什么吗？也许也相关：我正在将其作为一个独立的页面进行开发，而我现在正在对其进行 wordpress 化。它可能是与 wp_head 中的函数发生冲突的产物，尽管我对那里发生的事情知之甚少，无法做出有根据的猜测。

这是jQuery代码：

var mouseOver = false; 
var mouseOver_search = false;

    $('#subscribe').hide();
    $('#subscribe').hover(
        function(){ mouseOver = true; },
        function(){ 
            mouseOver = false;
            $(this).fadeOut(300); 
        }
    );  
    $("#subscribe_over").hoverIntent({
        over: appear, // Function to call when mouseover is called    
        timeout: 500, // How often in milliseconds the onmouseout should be checked
        out: disappear // Function to call when mouseout is called    
    });

    function appear() {
        $('#search').hide();
        $("#subscribe").fadeIn(50);
    }

    function disappear() {
        if (mouseOver == false) $("#subscribe").fadeOut(300);
    }

    $('#search').hide();
    $('#search').hover(
        function(){ mouseOver_search = true; },
        function(){ 
            mouseOver_search = false;
            $(this).fadeOut(300); 
        }
    );  
    $("#search_over").hoverIntent({
        over: appear_s, // Function to call when mouseover is called    
        timeout: 500, // How often in milliseconds the onmouseout should be checked
        out: disappear_s // Function to call when mouseout is called    
    });

    function appear_s() {
        $('#subscribe').hide();
        $("#search").fadeIn(50);
    }

    function disappear_s() {
        if (mouseOver_search == false) $("#search").fadeOut(300);
    }

因此，对于具有不同函数名称的两个独立元素，它实际上是复制和粘贴相同的代码。它是所需时间的两倍，但很明显这两个元素的管理方式相同。如果有帮助，请访问http://yummrs.com/blog （并且仍在建设中！）。

上次我在这里回答了一个问题，我有死亡的尾随逗号，这是一个简单的修复，但我在这里没有看到任何挥之不去的逗号......提前感谢您的帮助。

4

2 回答 2

1

看起来它已经是 chrome 的一个已知错误：http: //plugins.jquery.com/content/google-chrome-bug-hoverintent

于 2011-02-15T10:04:53.850 回答
0

在您的代码中，您定义了：

<li id="subscribe_over"><a href="#">subscribe &darr;</a></li> 
<li id="search_over"><a>search</a></li>

您是否缺少href搜索<a>标签？

于 2011-02-15T10:09:09.070 回答