0

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

基本上，我只想在用户将鼠标悬停在缩略图上时更改一个大的 img，但为了避免古怪，只需在触发前稍等片刻。

我的 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>
4

1 回答 1

1

试试这个例子

首先请检查hoverintent是否正确加载，您可以通过firebug进行，稍后您可以验证是否有任何错误not..in firebug conole

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

  $('.classname').hoverIntent({
        over: functionname2,
        timeout: 500,
        interval: 300,
        out: functionname1
    });
于 2010-12-03T18:09:57.570 回答