jqueryonclick不'；在我的网站上不起作用，但在JSFIDLE上起作用

Herru Stackoverflow

我不熟悉jQuery。我在JSFIDLE上的代码可以工作，但在我的网站上不工作。我不明白为什么我的代码（如下）在我的网站上不起作用，但在jsfiddle（）上起作用

$（“#子菜单”）。单击（函数（）{
$（“#子菜单内容”）.toggle（）；
});
#移动式电梯{
背景色：#0079a8；
颜色：白色！重要；
字号：18px；
边缘底部：10px；
}
#移动式电梯a{
颜色：白色！重要；
左边距：15px；
}
#移动式电梯#按钮{
边框底部：2个实心#E1E6FA；
}
#子菜单内容{
显示：无；
}
产品
你好

我只是想创建一个移动导航栏

function tog()
{
    $("#submenu-content").toggle();
}

为切换操作添加函数“tog”。并使用id为'submenu'的span中的onclick元素分配事件处理程序函数'tog'

    <span id="submenu" onclick='tog()' >

为切换操作添加函数“tog”。并使用id为'submenu'的span中的onclick元素分配事件处理程序函数'tog'

    <span id="submenu" onclick='tog()' >

---

始终尝试在页面末尾加载

jQuery

和

JS

脚本，就好像

DOM

未就绪一样，脚本将无法工作。或者你可以把它们包在里面-

$(document).ready(function(){
    //your code
});

---

因为它将使脚本等待直到

DOM

准备就绪。

始终尝试在页面末尾加载

jQuery

和

JS

脚本，就像

DOM

未准备就绪一样，脚本将无法工作。或者你可以把它们包在里面-

$(document).ready(function(){
    //your code
});

---

因为它将使脚本等待直到

DOM

就绪。

将

单击
事件放入
DOM就绪
功能中
像这样：

$(document).ready(function(){

$("#submenu").click(function () {
    $("#submenu-content").toggle();
});
});

如果您在
jsfiddle
中看到，则可以在
domready
或
加载时
等中编写函数。这就是
单击
事件在
jsfiddle
中工作的原因，而不是在
网站中

Put
单击
DOM ready
function中的事件
像这样：

$(document).ready(function(){

$("#submenu").click(function () {
    $("#submenu-content").toggle();
});
});

如果您在
jsfiddle
中看到，则可以在
domready
或
加载时
等中编写函数。这就是
单击
事件在
jsfiddle
中工作的原因，而不是在
网站中

你能检查一下吗？我有你的小提琴的更新
http://jsfiddle.net/vt9115vw/1/
一定要让我知道它是否适用于您的网站。您的问题与此链接相同。您可以检查此链接吗？我有更新您的小提琴
http://jsfiddle.net/vt9115vw/1/
请务必让我知道它是否适用于您的站点。您的问题与此链接相同