значения Переходя к 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 если пользователь Mouseover на specific div `

РМКО известно, мы можем сделать это путем передачи через функцию, но не уверен, как это работает в 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); 
     } 
    });