将值传递给jQuery函数

Question

这里是我的代码，

$(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) 
    });` 

现在IAM试图通过具体的值val1,val2如果一个用户鼠标悬停specific div `

IAM知道我们可以通过传递这样做通过函数，但不知道它如何在jquery.is有任何人可以帮助我解决这个问题。

Answer 1

我想你需要的东西是这样的：

$(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); 
     } 
    });