0

ここに私のコードがあります、

$(document).ready(function(){

//if(event.type == 'mouseenter') { 

$(".big2box").mouseover(function() {


    var val1='.big2box';
    var val2='.small2box';

});

$(".big0box").mouseover(function() {


    var val1='.big0box';
    var val2='.small0box';

});

     $(val1 +","+ val2).hover(function(){
     alert(val1+val2)
     });`

val1,val2今、ユーザーがマウスオーバーした場合に特定の値を渡そうとしていますspecific div `

関数を渡すことでこれを行うことができることは承知していますが、jquery でどのように機能するかはわかりません。これを修正するのを手伝ってくれる人はいますか?

4

1 に答える 1

0

次のようなものが必要だと思います：

$(document).ready(function(){

var val1 = null;
var val2 = null;

$(".big2box").mouseover(function() {
    if (val1 != null && val2 != null){
        $(val1 +","+ val2).off("hover");
    }

    val1='.big2box';
    val2='.small2box';
    $(val1 +","+ val2).on("hover",function(){
       alert(val1+val2)
    });
});

$(".big0box").mouseover(function() {
    if (val1 != null && val2 != null){
        $(val1 +","+ val2).off("hover");
    }

    val1='.big0box';
    val2='.small0box';

    $(val1 +","+ val2).on("hover",function(){
       alert(val1+val2)
    });
});

別の方法：

$(document).ready(function(){

//if(event.type == 'mouseenter') { 
var val1= null;
var val2= null;

$(".big2box").mouseover(function() {

val1='big2box';
val2='small2box';

});

$(".big0box").mouseover(function() {

val1='big0box';
val2='small0box';

});

     $(".big2box,.small2box,.big0box,.small0box").hover(function(){
         if ($(this).hasClass(val1) || $(this).hasClass(val2)){
            alert(val1+val2);
         }
     });
于 2013-06-28T07:31:30.960 に答える