0

我正在尝试使用 jQuery mobile 构建移动应用程序。目前我的问题如下：在我的html中是一个列表（动态加载的，我不知道包含多少列表项，所以我们以3为例。tupelID的值也是未知的）：

<ul id="bibliothek" data-role="listview" data-divider-theme="b" data-inset="true">
<li data-theme='c'><a class='bibentry' href='#page1' data-transition='slide' tupelID='1'> Item 1</a></li>
<li data-theme='c'><a class='bibentry' href='#page1' data-transition='slide' tupelID='2'> Item 2</a></li>
<li data-theme='c'><a class='bibentry' href='#page1' data-transition='slide' tupelID='3'> Item 3</a></li>
</ul>

如果用户单击其中一个列表项，则会加载一个新页面（#page1）。在此页面上，我想根据 a-tag 中的参数 (tupelID) 注入一些数据。我认为最简单的方法是 grep 列表中的所有链接 (jQuery('a.binetry')) 并为每个链接添加一个事件监听器：

jQuery('a.bibentry').addEventListener("click",function(this)
{
    alert "TupelID =" + this.tupelID
    // first test with a simple alert:
    // If users clicks on Item 1 the alert should be "1" (value of tupelID),
    // if users clicks on Item 2 the alert should be "2" (value of tupelID) and so on..
});

不幸的是，这不起作用，我无法在网络上找到我的问题的解决方案。有人可以帮忙吗？

4

2 回答 2

1

试试这个--> 

jQuery('a.bibentry').on("click",function()
    {
        alert("TupelID =" + $(this).attr('tupelID'));
        // first test with a simple alert:
        // If users clicks on Item 1 the alert should be "1" (value of tupelID),
        // if users clicks on Item 2 the alert should be "2" (value of tupelID) and so on..
    });
于 2012-04-27T09:27:43.810 回答
0 
$('#bibliothek').on('a.bibentry', 'click', function(){
  alert("TupelID =" + $(this).attr('tupelID'));
});
于 2012-04-27T09:30:14.963 回答