所以我在脚本标签中有以下html按钮。我们的想法是在页面重新加载时保持它不会在页面上初始加载而不会有轻微的闪烁。
<script id="pagination" type="text/template">
<input type = "submit" value = ">" id = "nextbutton" class = "scanbutton" style = "width: 40px; height: 26px" />
</script>
<input type="submit" id="first" value="Clix">
<div id="paginationbuttons"></div>
然后是jQuery:
$('#first').on('click', function() {
var pageButtons= $('#pagination').html();
$('#paginationbuttons').html(pageButtons);
alert('good so far');
});
$('#paginationbuttons').on('click', ':button', function () {
alert('good again'); // No luck here
});
我可以通过第一次点击事件从脚本中提取html,但是当js读取页面时,下一个点击事件似乎没有被绑定(没有第二个警报正在运行)。我的问题在哪里? JSFIDDLE
答案 0 :(得分:3)
您正在使用:button
选择器选择input[type=submit]
。将您的选择器更改为:input
或将您的标记更改为button
或input[type=button]
。