將值傳遞給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); 
     } 
    });