javascript - 单击列表元素以在 jQuery 中向上滑动

Question

如何将单击事件委托给触发它向上滑动的列表元素？

这是我的尝试：

HTML

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

JS

$(document).delegate($("li"), "click", function() { $(this).slideUp(); console.log("click"); });

它抛出以下错误：Uncaught TypeError: Cannot use 'in' operator to search for 'display' in undefined

score 1 · Accepted Answer

使用该.on()方法很容易委托事件：

$(document).on("click","li", function() {
    $(this).slideUp();
    console.log("click");
});

score 0 · Accepted Answer

0

尝试：

$('li').click(function() {$(this).slideUp();});

于 2013-07-16T23:27:33.173 回答

score 0 · Accepted Answer

$(document).delegate($("li"), "click", function()
                        ^----   Supposed to be a string and not a jQuery object

应该是

$(document).delegate("li", "click", function()

选择器参数的类型应该是String而不是jQuery 对象。这就是错误的原因。

也delegate被on取代version 1.7.0

所以用

$(document).on("click", "li", function() {

score 0 · Accepted Answer

怎么样

$(document).on( "click", "li",function() { $(this).slideUp(); });

4 回答 4