Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery和onclick不';在这种情况下不起作用_Javascript_Jquery_Html - Fatal编程技术网

Javascript JQuery和onclick不';在这种情况下不起作用

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> 我很确定这个

努力使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>
我很确定这个错误是非常愚蠢的,因为我已经在我的页面的另一个区域实现了这个代码,它工作得很好,但是这次我真的不能让它工作。 有什么线索吗

编辑:

我甚至无法发出警报,我的问题是(尚未)更改类的
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,选择器应该以触发事件的元素的最近父元素为目标,但它可以是任何父元素。本教程可能会有所帮助:。