Question

你能告诉我如何在行点击时获得警报。我想在行点击时显示Id。以及在删除按钮上显示不同警报的内容（使用e.stopPropogation（））注意冒泡效果。我们点击删除按钮删除行列表？

 $(document).ready(function() {
 $('#add').click(function() {
     var listItems = $("#list").children();
     var count = listItems.length;
     var id = "tc_" + parseInt(count + 1);
     alert(parseInt(count + 1))
     $('#list').append(' <li id=' + id + '><a href="acura.html" class="rowclick">' + id + '</a></li>');
     $('#list').listview('refresh');
    })
})

$(document).on('click', '.rowclick', function() {
    alert(this.id)
})

Answer 1

你的问题在这里有所不同。在做了“检查元素”之后，我在你的代码行tc_1中找到了重叠删除按钮（即z-index）。

因此，只要您点击删除按钮，删除的点击事件就不会被严格解雇。

尝试使用Row和delete按钮设置一些CSS属性 -

.rowclick
{
 z-index:0;  
}

.ui-icon-delete
{
 z-index:1;  
}

Working Example with different- 2 alert

Demo : Delete Row

Answer 2

使用拆分按钮功能处理同一li上的不同功能。

<ul data-role="listview" data-split-icon="delete">
  <li>
    <a href="#" class="row">Item</a>
    <a href="#" class="delete">Delete</a>
  </li>
</ul>

为每个按钮指定一个不同的class来处理单独的作业。

$(document).on("click", ".row", function () {
  /* do something */
}).on("click", ".delete", function () {
  $(this).closest("li").remove();
});

<强> Demo

Answer 3

使用此

<button id="add">ADD</button>
<ul data-role="listview" data-icon="delete" 
data-theme="b" id="list" class="hello">


</ul>

（文档）$。就绪（函数（）{

$('#add').click(function(){
   var listItems = $("#list").children();

     var count = listItems.length;
    var id="tc_"+parseInt(count+1);
    alert(parseInt(count+1))
$('#list').append(' <li id='+id+' class="hello"><a href="acura.html"      class="rowclick">'+id+'</a></li>');
    $('#list').listview('refresh');
})

}）

$（文件）。在（ '点击'， '你好'，函数（）{ 警报（this.id）

}）

如何在行点击时显示警报？

3 个答案: