我正在使用 javascript 创建动态按钮。但我无法分配 <li class="active">
按钮 onClick。我尝试使用 jquery 分配事件类但到目前为止没有工作。因为我无法应用使用 ID 的事件处理操作使用 javascript 或 jquery 的任何好的解决方案?我尝试了几乎所有关于 Stack overflow 的解决方案,但对我没有用。
for (var i = 0; i <feature_layer.length ; i++) {
<ul class="nav nav-pills"><a data-toggle="pill" class="mybtn" style="margin:25px;" id=' + mapport.selected_feature_layer[i] + '>' + layer_names[i] + '</a></li></ul>';
}
$('.mybtn').click(function() {
var selected_id =$(this).attr('id');
});
最佳答案
由于按钮是动态创建的,您将不得不使用事件委托(delegate)。
$('body').on("click",".myBtn", function(e){
$(this).addClass("active");
});
下面是代码:
var btn = document.createElement("button");
btn.innerHTML = 'this is a button';
btn.className = 'myBtn';
document.body.appendChild(btn);
$('body').on("click",".myBtn", function(e){
$(this).addClass("active").text("active");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
关于javascript - 将事件类分配给使用 For 循环创建的 Clicked 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43923947/