Question

我在JQuery的新DOM元素上坚持'on click'动作。我有大约以下html设置：

<ul class="dateList">
    <li>
        <a href='#' data-date="2016-01-01">
    </li>
    <li>
        <a href='#' data-date="2016-01-02">
    </li>
</ul>

<ul class="timeList">
    <li>
        <a href='#' data-time="00:00:00">
    </li>
    <li>
        <a href='#' data-time="03:00:00">
    </li>
</ul>

加载页面时，将加载第一个可用日期的时间列表。如果用户点击其他日期，则会删除当前时间列表项，并从预先加载的json生成新项目。

如果用户点击时间，则应显示相关信息。并且它在页面加载后执行，但是，一旦更改日期并创建新的时间列表项，则单击事件将停止处理新的时间项。

我尝试将$（'。timeList'）。find（'li'）和$（'。timeList li'）。find（'a'）添加到生成新时间列表的函数的末尾项目，但它似乎不起作用。

任何帮助将不胜感激！

Answer 1

您需要引用更高级别的选择器，例如在动态内容添加之前创建的主体

类似

$('body').on('click','.timeList li',function(){
// do stuff
})

单击对新DOM对象的操作

1 个答案: