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的追加到列表按钮

回答

相关问题