添加动态数据到UL jquery移动的问题

Problems adding dynamic data to UL jquery mobile

本文关键字：移动 问题 jquery UL 动态 数据 添加      更新时间：2023-09-26

我有这个ul

  <ul data-role="listview" id="contributionList" data-split-icon="delete" data-split-theme="d">
    <li id="l1"><a>5.00</a><a id="1" class="deleteMe"></a></li>
    <li><a>10.00</a><a class="deleteMe"></a></li>                        
  </ul>

我正在尝试动态地向它添加数据。但由于我不明白的原因，它不上deleteme这门课。

我是这样填充的:

 $('#OkTarget').bind("click tap", function () {        
     $('#contributionList').append('<li id="lii1"><a>5.00</a><a id="aid1" class="deleteMe"></a></li>').listview('refresh');                       
 });

这是当它点击时应该做的:

$('.deleteMe').bind("click tap", function () {
    $(this).parent().remove();
    $('#contributionList').listview('refresh');
});

您需要动态委派添加的元素。试着

$(document).on('click tap', '.deleteMe', function () {
    $(this).parent().remove();
    $('#contributionList').listview('refresh');
});
不是

$('.deleteMe').bind("click tap", function () {
    $(this).parent().remove();
    $('#contributionList').listview('refresh');
});

bind在执行该选择器时只将事件附加到具有该选择器的现有元素上

相关文章：