jQuery单击“不在iScroll 4上工作”？

我有一段正确显示的代码：

<ul id="thelist">
<li id="1">Option 1</li>
<li id="2">Option 2</li>
<li id="3">Option 3</li>
<li id="4">Option 4</li>
</ul>

最奇怪的是，这段代码是有效的：

$("#thelist").click(function(){
alert($(this).text());
});

---

有人能帮我吗？

你试过

$（“#列表”）。孩子们（“li”）。点击（function（）{…

有几种方法可以写这个；我试过

.on（）

看看会发生什么：

$('#thelist').on({

    click: function () { alert($(this).text()); }

}, 'li');

这里有一个测试。

ok，非常酷！。click（）在函数触发时绑定事件（在您的情况下，最有可能是在运行.ready（）函数时），并且如果在页面触发.ready（）之后填充了li元素，则事件不会注册。使用.on（）解决了这个问题，因为它甚至在呈现元素li之前就注册了事件，我认为这是导致问题的原因。在处理运行时动态更改的HTML时，请使用.on（）。

$('#thelist').on({

    click: function () { alert($(this).text()); }

}, 'li');