javascript - jquery 无法获取 li 的 id

标签 javascript jquery html css jquery-mobile

<分区>

我尝试使用以下代码在 ListView 中获取 li 的 id

$("#detailr").append(" <li class=\"item box_btn\" id=\""+ item.appid +"\"><div class=\"list\" ><div class=\"list-left\"><img src=\"uploadb/"+ item.appicon +"\"><ul><li><b>"+ item.appname +"</b><span>Left"+ item.leftc +"</span></li><li><img src=\"img/32.png\">Done"+ item.appdone +"</li><li class=\"spe\">search\""+ item.appname +"\"</li></ul></div><div class=\"list-right\"><div class=\"yuan\">+"+ item.appprice +"</div></div></div></li>");});

和点击事件

<script type="text/javascript">
 $(document).ready(function(){ 
   $('#detailr').children('li').click(function () { // 
   alert($(this).attr('id'));
 });
});
</script>

html内容

<ul data-role="listview" id="detailr">
</ul>

当我点击 li 时,没有反应,我将 $('#detailr').children('li').click(function () 更改为 $(' #detailr li').click(function () , $('#detailr').children('li').on("click", function (), 也没有不工作,我不明白为什么,请帮助我,非常感谢。

最佳答案

您需要使用.on() event delegation 像这样。

$('#detailr').on('click','li',function () { 
    alert($(this).attr('id'));

});

关于javascript - jquery 无法获取 li 的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30251632/

上一篇:javascript - 如何使用 Selenium 中的 JQuery 在 h3 中创建 .delay 函数?

下一篇:css - 如何确定图标字体中字符的转义序列?

相关文章:

javascript - DataTables:以单独的方式初始化同一页面上的两个DataTables

javascript - 如果单击按钮时某个数组与另一个数组没有匹配的值,则隐藏数据

javascript - jQuery 选择器在 Fotorama.io 中不起作用

html - 使用 <div> 时图像属性会变得困惑吗?

html - 将文本对齐到绝对定位的 div

html - 仅删除文本区域底部的框阴影

javascript - jQuery slider - 最后到第一个过渡

javascript - 滚动条未显示在屏幕上

Javascript (ES6),基于变量的解构

jQuery 选项卡 : auto height