jQuery的追加到列表按鈕

-3

我想有當我點擊這個按鈕的項目追加的點擊：jQuery的追加到列表按鈕

<a href="#" class="btn btn-primary"> 
<span class="glyphicon glyphicon-picture" id="addImageButton" 
onclick="onClickAddImage(this)"/></a>

到此列表：

<ul id="cardList" class="cardList"> 
    <li class="ui-state-default" data-type="image" onclick="onClickCard(this)"> 
    Image 01 <img src="./Close.gif" alt="" onclick="onClickClose(this)"/> 
    </li> 

    <li class="ui-state-default" data-type="image" onclick="onClickCard(this)"> 
    Image 01 <img src="./Close.gif" alt="" onclick="onClickClose(this)"/> 
    </li> 
</ul>

我使用jQuery的腳本是：

$('#addImageButton').click(function(){ 
    $('.cardList').append(
    '<li class="ui-state-default" data-type="image" onclick="onClickCard(this)">Image01 
    <img src="./Close.gif" alt="" onclick="onClickClose(this)"/></li>' 
    ); 
});

出了什麼問題？

來源

2014-04-17 user3509211

你爲什麼覺得有什麼不對？有什麼不像你期望的那樣有效嗎？它是什麼，你期望什麼？ –

檢查控制檯是否有錯誤。你所擁有的東西沒有任何邏輯錯誤。 –

將該事件綁定代碼放入document.ready –

您可以將您的附加HTML字符串放在一行中以及<span>不是自閉標籤，您需要</span>才能關閉它。既然你已經申請.click()同時刪除內嵌onClick：

$('#addImageButton').click(function() { 
    $('.cardList').append('<li class="ui-state-default" data-type="image" onclick="onClickCard(this)">Image01<img src="./Close.gif" alt="" onclick="onClickClose(this)"/></li>'); 
});

Fiddle Demo

來源

2014-04-17 07:28:13 Felix

謝謝！加入修復了這個問題。顯然不起作用。 – user3509211

替換你的錨標記這樣

<a class="btn btn-primary"><span class="glyphicon glyphicon-picture" id="addImageButton">Click</span></a>

而jQuery代碼這樣

$('a #addImageButton').click(function(){ 
    $('.cardList').append(
    '<li class="ui-state-default" data-type="image" onclick="onClickCard(this)">Image01 
    <img src="./Close.gif" alt="" onclick="onClickClose(this)"/></li>' 
    ); 
});

來源

2014-04-17 07:29:07

請不要將正常文本格式設置爲代碼，併爲解決方案提供解釋。爲什麼OP應該做出這些具體的改變？就個人而言，我沒有看到任何改變代碼行爲的差異。 –

嘗試使用

$('#addImageButton').click(function(){ 
$('#cardList').append(
'<li class="ui-state-default" data-type="image" onclick="onClickCard(this)">Image01 
<img src="./Close.gif" alt="" onclick="onClickClose(this)"/></li>' 
); 
});

來源

2014-04-17 07:35:27 ajitksharma

爲什麼OP應該這樣做？有什麼不同？ –

$（'＃cardList'）使用，而不是$（'。cardList'） – ajitksharma

爲什麼要有所作爲？爲什麼元素可以通過它的id找到，但不是它的類？ –

jQuery的追加到列表按鈕

回答

相關問題