单击事件未在 jquery mobile 中的列表视图上触发

Question

我有一个 jquery mobile 1.0b1 网站，它通过 ajax 填充列表。

填充列表后，我调用

$('#theResults').listview();

生成的 HTML 具有每个带有类“sresult”的链接 - 下面是一个示例

<li><a class='sresult' href="#addResult">

                    <h3>title</h3>

                    <p>some content</p>


            </a></li>

现在我有一个实时函数，理论上应该将单击事件绑定到这些项目。它可以在 Firefox 中查找...但是在我的 iPhone 上的 Safari 中，单击事件不会触发

        $('.sresult').live('click', function(event) {
            event.preventDefault();
            alert("i'm running!");
        });

Answer 1

尝试 vclick （搜索 vclick http://jquerymobile.com/demos/1.0b1 /docs/api/globalconfig.html ）

$('.sresult').live('vclick', function(event) {
    event.preventDefault();
    alert("i'm running!");
});

而不是

$('.sresult').live('click', function(event) {
    event.preventDefault();
    alert("i'm running!");
});