Javascript JQuery和onclick不';在这种情况下不起作用
努力使jquery和li在这方面发挥作用:Javascript JQuery和onclick不';在这种情况下不起作用,javascript,jquery,html,Javascript,Jquery,Html,努力使jquery和li在这方面发挥作用: <div id="statLateralMenu"> <h3>Statistics</h3> <ul> <li id="id1" class="selected">Stat 1</li> <li id="id2">Stat 2</li> </ul> </div> 我很确定这个
<div id="statLateralMenu">
<h3>Statistics</h3>
<ul>
<li id="id1" class="selected">Stat 1</li>
<li id="id2">Stat 2</li>
</ul>
</div>
我很确定这个错误是非常愚蠢的,因为我已经在我的页面的另一个区域实现了这个代码,它工作得很好,但是这次我真的不能让它工作。
有什么线索吗
编辑:
我甚至无法发出警报,我的问题是(尚未)更改类的li
。
JQuery在同一页面中加载,我有另一个ul/li复合体,它工作得非常完美
编辑2:
在这一点上,我可能有点搞砸了,但在这里使用我的代码也不起作用:尝试更改
$(“#statLateralMenu li”).removeClass(“选定”)代码>到
$(this).removeClass("selected");
那样
$(function() {
$("#statLateralMenu li").click(function()
{
alert( "A" );
$(this).removeClass("selected");
$(this).addClass("selected");
});
}
);
但是,如果只想更改设计元素,可以使用:hover
li:hover {
background-color: yellow;
}
尝试改变
$(“#statLateralMenu li”).removeClass(“选定”)代码>到
$(this).removeClass("selected");
那样
$(function() {
$("#statLateralMenu li").click(function()
{
alert( "A" );
$(this).removeClass("selected");
$(this).addClass("selected");
});
}
);
但是,如果只想更改设计元素,可以使用:hover
li:hover {
background-color: yellow;
}
这似乎有效:
$(函数(){
$(“li”)。单击(函数(){
$(“li”).removeClass(“选定”);
$(此).addClass(“选定”);
});
});代码>
。所选{背景:黄色}
- 阿泽蒂
- 贝泽蒂
- 沙尔蒂
它似乎起作用了:
$(函数(){
$(“li”)。单击(函数(){
$(“li”).removeClass(“选定”);
$(此).addClass(“选定”);
});
});代码>
。所选{背景:黄色}
- 阿泽蒂
- 贝泽蒂
- 沙尔蒂
在JSFIDLE中,您忘记加载JQuery框架。
在JSIDdle中不需要脚本标记(不需要和)。在JSIDdle中,忘记加载JQuery框架。
您不需要JSFIDLE中的脚本标记(无需和)。我不明白这里的问题是什么?你能展示一个关于这个问题的简单演示吗?当点击任何一个“li”时,我想至少显示警报,但我甚至无法触发事件,因为它本身似乎对我有效。试着为我创造一个成功的机会。也许您没有加载jquery。我猜可能有多个元素具有statLateralMenu
id,或者调用此部件代码后动态添加了li
项。我不明白这里的问题是什么?你能展示一个关于这个问题的简单演示吗?当点击任何一个“li”时,我想至少显示警报,但我甚至无法触发事件,因为它本身似乎对我有效。试着为我创造一个成功的机会。也许您没有加载jquery我猜可能有多个元素具有statLateralMenu
id,或者调用此部件代码后动态添加了li
项。但是如果您只想更改设计元素,可以使用:hover但如果您只想更改设计元素,可以使用:hover还有一个信息:在本例中,在“$”(“ul”)范围内工作。在(“单击”、“li”、…)上,如果我想影响另一个具有ul以外的#myid的div,我该怎么办?使用-normally-$(“#myid”)?@Soul,选择器应该以触发事件的元素的最近父元素为目标,但它可以是任何父元素。本教程可能会有所帮助:。只需再提供一个信息:在本例中,在“$”(“ul”)范围内工作。在(“单击”、“li”、…)上,如果我想影响另一个具有ul以外的#myid的div,我应该怎么做?使用-normally-$(“#myid”)?@Soul,选择器应该以触发事件的元素的最近父元素为目标,但它可以是任何父元素。本教程可能会有所帮助:。