Question

我想要的是，当点击按钮内的（X）时，它应该触发相应的回调注册。但我不知道为什么会失败。以下是我的尝试：

HTML

<div id="cover"></div>
<template id='filtertemp'>
                <button id="filtype" class='filbut' data-filter=""></button>
</template>
<button id='create' onclick="filter();">Click</button>

JQUERY

function filter(){
var content= $('#filtertemp')[0].content;
if(content){
    var filType= content.querySelector('#filtype');
    $(filType).text("type : sometype");
    var clone= document.importNode(content,true);
    $('#cover').append($(clone));
    $('#cover > .filbut:last-child').append('<span class="glyphicon glyphicon glyphicon-remove"></span>');
}
$('.glyphicon').on('click', function(){
    alert('Remove');
});
}

以下是小提琴链接：http://jsfiddle.net/wtce6dje/

我甚至尝试过以下注册监听器，但是那个似乎也很有效：

$('body').on('click','.glyphicon', function(){
    alert('Remove');
});

Answer 1

<button id='create' Onclick="return filter();">Click</button>

Answer 2

按钮内的点击事件适用于Chrome，但在我测试过的其他浏览器中没有。

当它与div交换时有效：

<template id='filtertemp'>
    <div id="filtype" class='filbut' data-filter=""></div>
</template>

onclick span不在按钮内工作

2 个答案: