jQuery切換不起作用
[英]jQuery toggle is not working
問題描述
var resultsList = $("#test");
resultsList.text("Hello. This is jQuery!");
var tB = jQuery("#toggleButton");
tB.on("click", function() {
resultsList.toggle(400);
});
我認為語法是正確的，因為瀏覽器控制台未報告任何錯誤。
加載頁面時，切換開關未按預期工作。 任何想法，我在這里想念什么？
我的HTML是：
<div id="results" class="bordered-image">
<button id="#toggleButton">Hide</button>
<div id="test">This is where results will live...eventually.</div>
</div>
5 個解決方案
解決方案1
2 2015-12-17 04:34:45
像這樣將Jquery代碼放入document.ready（）中：同時檢查Fiddle 。
$(document).ready(function(){
var resultsList = $("#test");
resultsList.text("Hello. This is jQuery!");
var tB = jQuery("#toggleButton");
tB.on("click", function() {
resultsList.toggle(400);
});
});
您的id屬性應為id =“ toggleButton”，而不是id =“＃toggleButton”
HTML ：
<div id="results" class="bordered-image">
<button id="toggleButton">Hide</button>
<div id="test">This is where results will live...eventually.</div>
</div>
解決方案2
0 2015-12-17 04:38:01
將其包裝在文檔准備功能內。
解決方案3
0 已采納 2015-12-17 04:53:46
id =“ toggleButton”代替id =“＃toggleButton”可以。
解決方案4
0 2015-12-17 04:58:01
看到這個例子。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="results" class="bordered-image">
<button id="toggleButton">Hide</button>
<div id="test">This is where results will live...eventually.</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
var resultsList = $("#test");
resultsList.text("Hello. This is jQuery!");
$("#toggleButton").click(function() {
resultsList.toggle(400);
});
});
</script>
</html>
謝謝阿米特
解決方案5
0 2015-12-17 05:06:38
<div id="results" class="bordered-image">
<button id="#toggleButton" onclick="myff();">Hide</button>
<div id="test">This is where results will live...eventually.</div>
</div>
<script>
function myff(){
$("#test").toggle();
}
</script>
jQuery toggle（）在Rails中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.