Question

我有一张表格。在此处选择规则类型的下拉列表。根据下面的规则类型，它显示规则属性。用户必须选择属性。如果用户想要从中删除某些属性，则会有一个关闭按钮。

<div class="desc" id="{{uuid}}" style="font-weight: 600" >{{name}}'+
'<button type=\'button\' aria-label=\'Close\' class=\'close\' id=\'{{uuid}}\' onclick=\'$(this).on("click",function() { $(this).parent().remove();alert("lllll"); })\'>X</button>' +
        '</div>'

当我使用此代码时，用户必须单击关闭按钮两次才能删除所选属性。怎么能阻止它两次射击？

Answer 1

您的onclick事件绑定了另一个绑定按钮的onclick事件，以便在下次点击时删除，因此onclick属性应该只是

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Hello from div
  <button id="{{uuid}}">X</button>
<div>
<script>
  $("#{{uuid}}").on("click",function(){
    $(this).parent().remove();
    alert( this.id ); //Alert button ID
  });
</script>

onclick两次触发并删除“属性”

1 个答案: