单击新 DOM 对象时的操作

On click action on new DOM objects

本文关键字：操作 对象 DOM 单击      更新时间：2023-09-26

我被困在JQuery中新的DOM选项的"点击"操作上。我有大约以下 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'） 添加到生成新时间列表项的函数末尾，但它似乎不起作用。

任何帮助将不胜感激！

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

类似的东西

$('body').on('click','.timeList li',function(){
// do stuff
})
相关文章：