[英]calling javascript inside a div
這是我的代碼:
$(document).ready(function(){ $('#next').click(function() { $('.current').removeClass('current').hide() .next().show().addClass('current'); if ($('.current').hasClass('last')) { $('#next').attr('disabled', true); } $('#prev').attr('disabled', null); }); $('#prev').click(function() { $('.current').removeClass('current').hide() .prev().show().addClass('current'); if ($('.current').hasClass('first')) { $('#prev').attr('disabled', true); } $('#next').attr('disabled', null); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <!doctype html> <html lang="en"> <head> <title>javascript problem</title> </head> <body> <div id='div1' class="first current"> <p> here the content of div 1 </p> </div> <div id='div2'> <p> here the content of div 2 </p> </div> //then another 9 divs <div id='div12' class="last"> <input type="submit" value="submit" onclick="submit()"> </div> <div class="buttons"> <button id="prev" disabled="disabled">Prev</button> <button id="next">Next</button> </div> </body> </html>
我想做的是在每個div中都包含按鈕(在div“按鈕”中),而不是在下面。 因為我希望它們不顯示在最后,所以我想在第一頁上更改它的值。 但是當我這樣做時,它們不再起作用。
代碼段不起作用,但是它起作用了,當您單擊“下一個”時,將顯示下一個div。
這是我想要的:
<div id='div1' class='first current'>
<p>here the content of div 1</p>
<button id="next">Start</button>
</div>
希望它清楚
HTML中的id
屬性應始終是唯一的。 與其在所有下一個/上一個按鈕上使用相同的id
,不如使用一個class
。 然后,您可以改為使用class
綁定click事件,它將應用於class
所有元素。
<button class="next">Start</button>
$('.next').click(function() { ... });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.