Question

我有这样的UL：

<ul class="term-list">
    <li class="term-item firstItem" ><a href="/stuff/?filter_for=1">Filter for 1</a> <span class="count">(20)</span></li>
    <li class="term-item toggleable " style="display: none;"><a href="/stuff/?filter_for=2">Filter for 2</a> <span class="count">(16)</span></li>
    <li class="term-item toggleable " style="display: none;"><a href="/stuff/?filter_for=3">Filter for 3</a> <span class="count">(11)</span></li>
    <li class="term-item toggleable " style="display: none;"><a href="/stuff/?filter_for=4"> <span class="count">(7)</span></li>
    <li class="more lastItem">More...</li>
</ul>

我希望点击最后一个元素“more”。我拥有的以及对其他人有用的是：

$("ul.term-list li.more").click(function(){
    alert("hello");
});

我确信jQuery已加载，因为尝试在任何其他地方发出警报就可以了。

非常感谢任何帮助或指导。

Answer 1

你的班级名称错了

检查Javascript中给出的类名中的拼写。

$("ul.term-list li.more").click(function(){
    alert("hello");
});

修改

这是工作FIDDLE DEMO

Answer 2

<ul class="term-list">

和选择器的第一部分

$("ul.term_list li.more")

不匹配。就那么简单。 term-list 不等于 term_list 。

Answer 3

将来可能对其他人有所帮助：

这段jQuery代码在Wordpress页面中被启用，因此无法运行。我必须用$替换每个jQuery，现在它就会运行。

点击的jQuery没有被触发

3 个答案: