Функция jQuery .live не работает - PullRequest
0 голосов
/ 06 октября 2009

Может кто-нибудь сказать, пожалуйста, почему этот скрипт не работает? Он должен работать, но это не так, я получаю идентификатор правильно, но Div не отображаются должным образом. Моя идея состоит в том, чтобы отображать один 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>

Ответы [ 3 ]

5 голосов
/ 06 октября 2009

Ваши дивиденды неверны. Попробуйте:

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

вместо

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

Edit:

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; 
}); 
1 голос
/ 09 ноября 2010

мммм ошибка на самом деле есть человек ..

см

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

изменить на:

$("div#"+idV).css("display","block");
0 голосов
/ 06 октября 2009

Вы повторно используете атрибуты ID. Идентификаторы должны быть уникальными для документа.

Вы не можете иметь якоря и элементы с одинаковым идентификатором.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...