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>

我只是想創建一個移動導航欄。

來源

2014-09-19 Lohn Claidon

你可以用這個，我有檢查更新您的小提琴'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-19 06:15:18

謝謝！這工作 – 2014-09-20 18:36:17

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

爲切換動作添加一個函數'tog'。而在跨度使用的onclick元素與ID =「子」

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

來源

2014-09-19 05:14:47 Manu

這一個作品了！謝謝！ – 2014-09-20 18:37:01

始終分配事件處理函數「TOG」嘗試在頁面的末尾來加載jQuery和JS腳本如果DOM沒有準備好作爲腳本不管用。或者你可以將它們包裹在裏面 -

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

因爲它會使腳本等到DOM準備就緒。

來源

2014-09-19 05:17:43

像第一個一樣，但謝謝！ – 2014-09-20 18:37:22

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

回答

相關問題