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 ids是错误的.尝试:

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