jQuery onclick不能在我的网站上工作，但在jsfiddle上做

问题描述：

Herru Stackoverflow！jQuery onclick不能在我的网站上工作，但在jsfiddle上做

我是jQuery的新手。我在JSfiddle上的代码工作，但它不能在我的网站上工作。我不明白为什么我的代码（如下）在我的网站上不起作用，但在jsfiddle（http://jsfiddle.net/vt9115vw/）上执行。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$("#submenu").click(function() { 
    $("#submenu-content").toggle(); 
}); 
</script> 
<style> 
#mobile-elevator { 
    background-color: #0079a8; 
    color: white !important; 
    font-size: 18px; 
    margin-bottom: 10px; 
} 
#mobile-elevator a { 
    color: white !important; 
    margin-left: 15px; 
} 
#mobile-elevator #button { 
    border-bottom: 2px solid #E1E6FA; 
} 
#submenu-content { 
    display: none; 
} 
</style> 
<div id="mobile-elevator"> 
    <div id="button"> 
     <span id="submenu"> 
      Productos 
     </span> 
    </div> 
    <div id="submenu-content"> 
      Hello 
    </div> 
    <div id="button"> 
     <a href=""> 
      Ayuda 
     </a> 
    </div> 
    <div id="button"> 
     <a href=""> 
      Descargas 
     </a> 
    </div> 
    <div id="button" style="border-bottom: 0px solid black;"> 
     <a href=""> 
      Contacto 
     </a> 
    </div> 
</div>

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

你可以用这个，我有检查更新您的小提琴'HTTP：// jsfiddle.net/vt9115vw/1 /'不要让我知道，如果你网站的作品 – 2014-09-19 05:05:47

您作为同此链接问题http://stackoverflow.com/questions/25902930/why-my-jquery-code-can-run-on-jsfiddle-but-not-on-dreamweaver-or-browser/25903141#25903141 – 2014-09-19 05:18:33

答

将click事件中DOM ready温控功能这样的：

$(document).ready(function(){ 

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

如果您在jsfiddle看到，有选择写内部domready或on load etc.this功能理由jsfiddleclick事件的工作不是在你的website。

enter image description here

谢谢！这工作 – 2014-09-20 18:36:17

答

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

为切换动作添加一个函数'tog'。而在跨度使用的onclick元素与ID =“子”

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

这一个作品了！谢谢！ – 2014-09-20 18:37:01

答

始终分配事件处理函数“TOG”尝试在页面的末尾来加载jQuery和JS脚本如果DOM没有准备好作为脚本不管用。或者你可以将它们包裹在里面 -

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

因为它会使脚本等到DOM准备就绪。

像第一个一样，但谢谢！ – 2014-09-20 18:37:22

jQuery onclick不能在我的网站上工作，但在jsfiddle上做

相关推荐