Question

我一直在倾注以下代码，试图让hoverIntent插件工作，但无济于事。这是非常基本的东西（如果你有任何整合的想法，请随意） - .hover工作正常，但.hoverIntent =没有骰子。

基本上，我只想在用户将鼠标悬停在缩略图上时更改大图片，但为了避免狡猾，只需等待一些即可开始。

我的jQuery（更新和工作主要）代码：

function makeShow1(){ 
    $("#some-div img").hide();
    $(".uno").show();
}
function makeShow2(){ 
    $("#some-div img").hide();
    $(".dos").show();
}
function makeShow3(){ 
    $("#some-div img").hide();
    $(".tres").show();
}
function makeShow4(){ 
    $("#some-div img").hide();
    $(".quattro").show();
}
function makeShow5(){ 
    $("#some-div img").hide();
    $(".cinco").show();
}

function passOut() {
    $.(this).stop();
}

$(document).ready(function () {

    $(".switch1").hoverIntent( {
        over: makeShow1,
        timeout: 500,
        interval: 300,
        out: passOut
    }); 

    $(".switch2").hoverIntent( {
        over: makeShow2,
        timeout: 500,
        interval: 300,
        out: passOut
    })

    $(".switch3").hoverIntent( {
        over: makeShow3,
        timeout: 500,
        interval: 300,
        out: passOut
    })

    $(".switch4").hoverIntent( {
        over: makeShow4,
        timeout: 500,
        interval: 300,
        out: passOut
    })

    $(".switch5").hoverIntent( {
        over: makeShow5,
        timeout: 500,
        interval: 300,
        out: passOut
    })

});

</script>

Answer 1

试试这个例子

首先请检查hoverintent是否正确加载，你可以通过firebug来做到这一点，之后你可以验证是否有任何错误..在firebug conole中

创建两个函数并尝试下面的代码来检查它是否正常工作。

  $('.classname').hoverIntent({
        over: functionname2,
        timeout: 500,
        interval: 300,
        out: functionname1
    });

hoverIntent基本问题？

1 个答案: