Javascript 在jQuery mobile中动态绑定添加的元素

我试图在动态添加一些列表元素后删除它们

其思想是，您可以更新列表，然后在更新后，您可以单击列表项将其删除

Html:

<p>Test</p>
<ul data-role="listview">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>
<br>
<input type="button" value="Update" id="button">

var new_list =
    '<ul data-role="listview">' +
    '<li class="delete">Dog</li>' +
    '<li class="delete">Cat</li>' +
    '</ul>';

$('#button').off('click').on('click', function () {
    $('ul').remove();
    $('p').after(new_list);
    $('ul').listview();
});

$('.delete').off('click').on('click', function () {
    $( this ).remove();
});

测试


阿库拉
奥迪
宝马
卡迪拉克
法拉利

Javascript:

<p>Test</p>
<ul data-role="listview">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>
<br>
<input type="button" value="Update" id="button">

var new_list =
    '<ul data-role="listview">' +
    '<li class="delete">Dog</li>' +
    '<li class="delete">Cat</li>' +
    '</ul>';

$('#button').off('click').on('click', function () {
    $('ul').remove();
    $('p').after(new_list);
    $('ul').listview();
});

$('.delete').off('click').on('click', function () {
    $( this ).remove();
});

var新列表=
“
”+
“
Dog
”+
“
Cat
”+
“
”；
$（“#按钮”）。关闭（'click'）。打开（'click'，函数（）{
$（'ul'）.remove（）；
$（'p'）。在（新名单）之后；
$（'ul'）.listview（）；
});
$（'.delete'）.off（'click'）.on（'click'，函数（）{
$（this.remove（）；
});

---

将事件绑定到动态添加的项的正确方法如下所示

$(document).on("event", ".selector", function () {
  $(this).remove();
  $('ul_selector').listview('refresh');
});

---

将事件绑定到动态添加的项的正确方法如下所示

$(document).on("event", ".selector", function () {
  $(this).remove();
  $('ul_selector').listview('refresh');
});

---

非常感谢。工作很有魅力，谢谢你！工作得很有魅力。