小编cbr*_*ake的帖子

jQuery Mobile在动态列表项上单击事件

我无法从列表项中获取点击事件.在此页面中:

http://bec-systems.com/list-click.html

列表中的第一个条目触发单击事件.但是,如果我通过按"刷新更新列表"按钮动态添加3个事件,则接下来的3个列表条目不会生成单击事件.

感谢关于如何使这项工作或通常改进代码的任何建议.

谢谢,克利夫

代码也列在下面:

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Status</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
  <script type="text/javascript">
$(document).ready(function() {
  $("#refreshUpdateButton").on("click", function(event, ui) {
    console.log("refreshUpdateButton")

    versions = ["0.3", "0.4", "0.5"]

    for (var i=0; i < versions.length; i += 1) {
      $("#updateVersionsList").append('<li><a id="updateVersionItem-' + (i+3) + '">' + versions[i] + '</a></li>');
      if ($("#updateVersionsList").hasClass('ui-listview')) {
        $("#updateVersionsList").listview("refresh");
      } else {
        $("#updateVersionsList").trigger('create');
      }
    }

  })

  $('[id^=updateVersionItem]').on("click", function(event, ui) {
    console.log("updateVersion, selected = " + $(this).attr('id'));
  })

}); …
Run Code Online (Sandbox Code Playgroud)

html jquery-mobile

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×1

jquery-mobile ×1