0

私は3つの主要なdivを持っています:

Div#Cont_All1 と非表示の Div #HiddenCont1

Div#Cont_All2 と非表示の Div #HiddenCont2

Div#Cont_All3 と非表示の Div #HiddenCont3

HoverIntent を使用すると、最後の div ie #Cont_All3 と Hidden Div #HiddenCont3 でのみ機能します (フェードイン フェードアウトはこれでのみ機能します)。

ここで機能しないのはなぜですか?誰かが私を助けることができますか?

<script>
$(document).ready(function() {


  $("#Cont_All1").hoverIntent(mousein_triger , mouseout_triger);
function mousein_triger(){

 $("#HiddenCont1").fadeIn(700);
}
function mouseout_triger() {

 $("#HiddenCont1").fadeOut(900);
};

 $("#Cont_All2").hoverIntent(mousein_triger , mouseout_triger);
function mousein_triger(){

 $("#HiddenCont2").fadeIn(700);
}
function mouseout_triger() {

 $("#HiddenCont2").fadeOut(900);
};

$("#Cont_All3").hoverIntent(mousein_triger , mouseout_triger);
function mousein_triger(){

 $("#HiddenCont3").fadeIn(700);
}
function mouseout_triger() {

 $("#HiddenCont3").fadeOut(900);
};

});
</script>
4

1 に答える 1

0

関数名はすべて同じです。

function mousein_triger(){

 $("#HiddenCont3").fadeIn(700);
}
function mouseout_triger() {

 $("#HiddenCont3").fadeOut(900);
};

コードを次のように変更します

$(document).ready(function () {
    $("div[id^=Cont_All]").hoverIntent(function () {
        $("#HiddenCont" + this.id.replace('Cont_All', '')).fadeIn(700);
    },

    function () {
        $("#HiddenCont" + this.id.replace('Cont_All', '')).fadeOut(900);
    });
});

^ セレクターで始まる属性

于 2013-10-01T11:01:38.167 に答える