Основная проблема hoverIntent? - PullRequest
Новая
       16

Основная проблема hoverIntent?

0 голосов
/ 03 декабря 2010

Я пролил следующий код, пытаясь заставить плагин 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>

1 Ответ

1 голос
/ 03 декабря 2010

Попробуйте этот пример

Сначала, пожалуйста, проверьте, правильно ли загружен hoverintent, вы можете сделать это с помощью firebug, а позже вы можете проверить, есть ли какие-либо ошибки, не ... в conol firebug

создайте две функции и попробуйте следующий код, чтобы проверить, работает ли он. 

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