-1

我正在尝试让 jQuery 委托与动态创建的元素一起工作。

我有一个看起来像这样的列表：

<div id="pagination" class="pagination light-theme simple-pagination" data-bind="pagination: { pagingInfo: pagingInfo }">
<ul>
    <li class="active"><span class="current prev">Prev</span>
    </li>
    <li class="active"><span class="current">1</span>
    </li>
    <li><a href="#page-2" class="page-link">2</a>
    </li>
    <li><a href="#page-3" class="page-link">3</a>
    </li>
    <li><a href="#page-4" class="page-link">4</a>
    </li>
    <li><a href="#page-5" class="page-link">5</a>
    </li>
    <li class="disabled"><span class="ellipse">…&lt;/span>
    </li>
    <li><a href="#page-26" class="page-link">26</a>
    </li>
    <li><a href="#page-27" class="page-link">27</a>
    </li>
    <li><a href="#page-2" class="page-link next">Next</a>
    </li>
</ul>

在页面完成加载后动态创建元素及其子元素。

我想使用下面显示的代码将事件处理程序附加到元素

$("#pagination").on("click", "a", function (event) {
        alert($(this).text());
        event.preventDefault();
    });

出于某种原因，我无法让它工作。如果我更改为“mouseenter”，则事件处理程序可以正常工作，但我需要捕获点击事件。

谁能告诉我我在这里做错了什么？

提前致谢。

编辑：我找到了这个问题的可能原因。我正在使用 jquery 插件来创建分页（simplePagination.js）。该插件可能会阻止事件传播。我将对此进行进一步调查。

4

1 回答 1

1

我认为您需要首先阻止该事件，以免被重定向：

$("#pagination").on("click", "a", function (event) {
    event.preventDefault();
    alert($(this).text());
});
于 2013-06-29T16:43:02.487 回答