鼠標懸停在jQuery的

Question

我添加此代碼爲鼠標懸停時（STATUS_ID變化）：

$("#test"+status_id).mouseover(function(){ 
    $('.data'+status_id+'a').show(); 
}); 

，但是，它不會顯示鼠標懸停。但添加警告以打印類如下：

alert("#test"+status_id) 
$("#test"+status_id).mouseover(function(){ 
    $('.data'+status_id+'a').show(); 
}); 

導致該功能開始正常工作。我不知道爲什麼差異。有什麼建議麼？

Answer 1

我覺得這個部分：你打電話後創建$('.data'+status_id+'a')。使用這樣的：

$(document).on("mouseover","#test"+status_id, function() { 

    $('.data'+status_id+'a').show(); 

}); 

注： 我希望這意味着$('.data'+status_id+'a').show();財產以後這樣的：

<a class="data5" ></a> 

Answer 2

這應該工作：

$("#test"+status_id).hover(function() { 
    $('.data'+status_id+'a').show(); 
    alert('test'); 
}); 

Answer 3

我要去猜測問題就是你的代碼在瀏覽器準備好之前就運行了（並且警報延遲了它的工作）。你應該幾乎總是圍繞jQuery代碼以支票爲瀏覽器正在準備：

$(document).ready(function() { 

    $("#test"+status_id).mouseover(function(){ 
     $('.data'+status_id+'a').show(); 
    }); 

} 

很多人喜歡，（這樣的話你會經常看到）的「速記」版本：

$(function() { 

    $("#test"+status_id).mouseover(function(){ 
     $('.data'+status_id+'a').show(); 
    }); 

}