課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)課程
我想把這個事件加載到input上,怎么沒有效果?
2016-03-30
源自:jQuery基礎(chǔ)課程 7-5
正在回答
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>使用slideToggle()方法切換滑動效果</title>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? </head>
? ??
? ? <body>
? ? ? ? <h3>使用slideToggle()方法切換滑動效果</h3>
? ? ? ? <div>
? ? ? ? ? ? <h4>
? ? ? ? ? ? ? ?<span class="fl">我喜歡吃的水果</span>
? ? ? ? ? ? ? ?<span class="fr" id="spnTip">向下滑</span></h4>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? ? ? <li>甘桔</li>
? ? ? ? ? ? ? ? <li>梨</li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <input id="hidval" type="hidden" value="0"/>
? ? ? ? ? ? <input class="input" value="向下滑" />
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? var $spn = $("#spnTip");
? ? ? ? ? ? ? ? $("h4").bind("click", function () {
? ? ? ? ? ? ? ? ? ? $("ul").slideToggle(1000,function(){
? ? ? ? ? ? ? ?$spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑");
? ? ? ? ? ? ? ? $(".input").val() == "向下滑" ? $(".input").val("向上滑") : $(".input").val("向下滑");
? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
兄弟我的有值,要不你copy一下看一下,對比一下你的代碼那里不小心寫錯了
<html><head><script type="text/javascript" src="file:///F|/JamesxuWang/Station/scripts/jquery-2.1.1.min.js"></script><script type="text/javascript">$(function(){? $(".btn1").click(function(){? $("p").slideToggle(500,function(){ ????? $(".btn1").val()=="A"?$(".btn1").val("B"):$(".btn1").val("A");?? ?? alert($(".btn1").val());?? ?? $(".btn1").html()=="C"?$(".btn1").html("D"):$(".btn1").html("C");?? ?? alert($(".btn1").html())??? });? });});</script></head><body><p>This is a paragraph.</p><button class="btn1" value="A">C</button></body></html>
應(yīng)該是input吧,還有.inpu事什么鬼?類嗎?
若憶淺擱 提問者
你是不是寫錯了。。input啊兄弟。。不是inpu把
舉報
加入課程學(xué)習(xí),有效提高前端開發(fā)速度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>使用slideToggle()方法切換滑動效果</title>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? </head>
? ??
? ? <body>
? ? ? ? <h3>使用slideToggle()方法切換滑動效果</h3>
? ? ? ? <div>
? ? ? ? ? ? <h4>
? ? ? ? ? ? ? ?<span class="fl">我喜歡吃的水果</span>
? ? ? ? ? ? ? ?<span class="fr" id="spnTip">向下滑</span></h4>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? ? ? <li>甘桔</li>
? ? ? ? ? ? ? ? <li>梨</li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <input id="hidval" type="hidden" value="0"/>
? ? ? ? ? ? <input class="input" value="向下滑" />
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? var $spn = $("#spnTip");
? ? ? ? ? ? ? ? $("h4").bind("click", function () {
? ? ? ? ? ? ? ? ? ? $("ul").slideToggle(1000,function(){
? ? ? ? ? ? ? ?$spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑");
? ? ? ? ? ? ? ? $(".input").val() == "向下滑" ? $(".input").val("向上滑") : $(".input").val("向下滑");
? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
兄弟我的有值,要不你copy一下看一下,對比一下你的代碼那里不小心寫錯了
2016-03-31
<html>
<head>
<script type="text/javascript" src="file:///F|/JamesxuWang/Station/scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
? $(".btn1").click(function(){
? $("p").slideToggle(500,function(){
????? $(".btn1").val()=="A"?$(".btn1").val("B"):$(".btn1").val("A");
?? ?? alert($(".btn1").val());
?? ?? $(".btn1").html()=="C"?$(".btn1").html("D"):$(".btn1").html("C");
?? ?? alert($(".btn1").html())
??? });
? });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1" value="A">C</button>
</body>
</html>
2016-03-31
應(yīng)該是input吧,還有.inpu事什么鬼?類嗎?
2016-03-31
你是不是寫錯了。。input啊兄弟。。不是inpu把