2010-12-10 204 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。