我新到 Javascript, 我试图用图像做一个简单的幻灯片放映。 这是我的代码, 如果它不起作用, 它会以正常的方式装入 html 代码, 忽略隐藏功能 : 该怎么办?
<script type="text/javascript">
$(function() {
var tot = $(".slide").length,
current = 1
$(".slide").not(":first").hide()
$("#next").click(function () {
if (current+1 > tot) return false
$(".slide:visible").hide().next().show()
current++
})
$("#prev").click(function () {
if (current-1 < 1) return false
$(".slide:visible").hide().prev().show()
current--
})
})
</script>
<div id="slide_container">
<div class="slide">
<p>Step 1 explained</p>
<img src="images/android.png" border="none"/>
</div>
<div class="slide">
<p>Step 2 Explained</p>
<img src="images/apple.png" border="none"/>
</div>
<div class="slide">
<p>Step 3 explained</p>
<img src="images/windows.png" border="none"/>
</div>
<div>
<button id="prev">Prev</button>
<button id="next">Next</button>
</div>
</div>
谢谢!