jQuery .live函數不起作用

Question

有人可以告訴我為什么這個腳本不起作用嗎？ 應該可以使用，但是不能，我可以正確獲取ID，但是Divs不能正確顯示。 我的想法是根據點擊顯示一個div，而隱藏另一個div。

腳本

$(document).ready(function() {
    $("a").live("click", function(){
    var idV = $(this).attr("id"); 
    alert(idV);
    $("#"+idV+"div").css("display","block");
    return false;
    });
});

的HTML

<a href="#" id="solution1">Solution 1</a>
<a href="#" id="solution2">Solution 2</a>
<a href="#" id="solution3">Solution 3</a>
<a href="#" id="solution4">Solution 4</a>
<br />

<div id="solution1" style="display:none;">Solution 1</div>
<div id="solution2" style="display:none;">Solution 2</div>
<div id="solution3" style="display:none;">Solution 3</div>
<div id="solution4" style="display:none;">Solution 4</div>

Answer 1

您的div ID錯誤。 嘗試：

<div id="solution1div" style="display:none;">Solution 1</div>

代替

<div id="solution1" style="display:none;">Solution 1</div>

編輯：

JSBIN：預覽

JSBIN：源代碼

<a href="javascript:;" id="solution1">Solution 1</a> 
<a href="javascript:;" id="solution2">Solution 2</a> 
<a href="javascript:;" id="solution3">Solution 3</a> 
<a href="javascript:;" id="solution4">Solution 4</a> 
<br /> 

<div> 
<div id="solution1div" style="display:none;">Solution 1</div> 
<div id="solution2div" style="display:none;">Solution 2</div> 
<div id="solution3div" style="display:none;">Solution 3</div> 
<div id="solution4div" style="display:none;">Solution 4</div> 
</div> 

jQuery的：

$("a").live("click", function(){ 
var idV = $(this).attr("id");  

$("#"+idV+"div").siblings().hide(); 
$("#"+idV+"div").show(); 

return false; 
}); 

Answer 2

mmmm錯誤實際上在那兒..

看到：

$("#"+idV+".div").css("display","block");

更改為：

$("div#"+idV).css("display","block");

Answer 3

您正在重用ID屬性。 ID對於文檔必須是唯一的。

您不能使用具有相同ID的錨和div。