2010-12-10 65 views
1

嗨,我的意图是添加一个div元素点击一个按钮。jquery not firing

这里是我的代码

$(function() { 

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

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

}); 

}); 

补充的是按钮的名称..我已经确信我已经正确地包括jQuery库。我想知道我错在哪里。谁能帮助我..

+0

适合我的作品:http://jsfiddle.net/V8vZG/ – 2010-12-10 08:08:29

+0

@jamie。它不好在这里:(我包括从谷歌api的jquery。在我的函数内部的一个简单的警报工作..但我看不到文本出现 – CHID 2010-12-10 08:10:17

+0

你是包括它从CDN的jquery,或使用`google.load`? – 2010-12-10 08:12:02

回答

0

#add搜索的元素不是名称的ID,请在此

编辑:我看了你的评论。请尝试.after()而不是.append()

+0

我已经给名称和id作为添加这是我的线 CHID 2010-12-10 08:11:35

+2

谢谢你mauro。它更改后附加后工作..但我知道为什么会发生这种情况 – CHID 2010-12-10 08:14:25

0

此代码是否在文档准备好后执行?

追加插入对象作为子节点。在这种情况下,该节点应该可能是兄弟姐妹。您可以使用.after()而不是.append()。

0

是#add是按钮吗?如果不是,请尝试此操作

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

这里可能有两个问题。首先是#add查找元素的ID,而不是名称。第二个是$(this)将引用您的按钮 - 而不是您的文档。

确保您有ID属性上的按钮设置和更改$(this)参考类似$("body")$("#myContainer")到一个div补充人体或其他容器元素。

0

您不能在输入元素中放置div。因此,如果您使用的是输入元素:

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

无法在其中添加div。