2010-12-10 5 views
1

hi мое намерение состоит в том, чтобы добавить элемент div одним нажатием кнопки.jquery not firing

вот мой код

$(function() { 

$("#add").live("click",function(event) { 

$(this).append('<div>CHID</div>'); // the text is supplied between the div tags 

}); 

}); 

добавить это имя кнопки .. я ве сделал так, что я ве правильно включен в библиотеку Jquery. Я dunt знаю, где я иду не так. кто может мне помочь ..

+0

Работы отлично для меня: http://jsfiddle.net/V8vZG/ –

+0

@jamie. его не очень хорошо здесь :(Я включил jquery из google api. Простое предупреждение внутри моей функции работает .. но я не вижу текст, появляющийся – CHID

+0

Вы включаете его из jQuery CDN или используете 'google.load'? –

ответ

0

#add ищет идентификатор элемента не имя, проверить это

EDIT: Я прочитал ваш комментарий. Попробуйте .after(), а не .append()

+0

Я использую имя и id как add. Это моя строка CHID

+2

thank u mauro. он работает после изменения append to after .. но я знаю, что это происходит – CHID

+0

Вы не можете поместить div внутри элемента ввода. потому что он не работает. – kgiannakakis

0

Выполняется ли этот код после того, как документ готов?

Добавить вставляет объект в качестве дочернего узла. В этом случае узел должен, вероятно, быть родным братом. Вы можете использовать .after(), а не .append().

+0

приветствует jthomspon. когда я изменил append после того, как он сработает. PLS может я знаю y? – CHID

+1

Элементы не должны иметь дочерние узлы. Таким образом, если вы используете. После того, как он вставлен в документ на том же уровне ввода. Это может быть или не быть тем, что вы намеревались сделать. – jthompson

+0

У меня есть логика от ответа ур. thank u – CHID

0

есть #add есть кнопка? Если это не так, попробуйте это

$(document).ready(function(){ 
$("#add").click(function(){ 
    $(this).append('<div>CHID</div>'); 
}); 
}); 
+0

, когда я изменил приложение, после его работы – CHID

0

У вас могут быть две проблемы. Во-первых, #add ищет идентификатор элемента, а не имя. Во-вторых, $(this) будет ссылаться на вашу кнопку - не ваш документ.

Убедитесь, что атрибут ID установлен на кнопке и изменить $(this) ссылки на что-то вроде $("body") или $("#myContainer") добавить DIV к телу или другому элементу контейнера.

+0

спасибо u Jonathon. Ур работал. также в моем коде, когда я изменил приложение после его работы – CHID

0

Вы не можете поместить div внутри элемента ввода. Поэтому, если вы используете входной элемент:

<input type="button" name="add" id="add" value="click"/> 

невозможно добавить в него divs.

+0

поблагодарить u kgiannakakis. прекрасно понимал это :) – CHID