jQuery腳本在我的計算機上不起作用

Question

我嘗試建立的網站上的腳本有問題。 這是腳本本身：

var id=0;
var cases=$('.cases').length;
$('#show').html($('#'+id).html());
setInterval(function() 
{
    $('#show').empty();
    if (id==cases-1)
        id=0;
    else
        id++;
    $('#show').html($('#'+id).html());
},5000);

這是html代碼：

<div class="page">
    <br /><br /><headline>cases</headline><br /><br /><div id='case'></div><div class='content'><div id='show'></div><div id='column1'><div class='cases' id='0'><div class='short'><div id='cases-image'><img src='images/Sunset.jpg'/></div><div id='cases-info'><div id='cases-headline'>zxfbzsxdbfsdfh</div><cases-text>dfghsdfgsdfgsdfg</cases-text><div class='more' id=zxfbzsxdbfsdfh >להמשך קריאה...</div></div></div></div></div><div id='column2'><div class='cases' id='1'><div class='short'><div id='cases-image'><img src='images/גלריה1.bmp'/></div><div id='cases-info'><div id='cases-headline'>xbzsdfbsdf</div><cases-text>dafasdvasdvasdv</cases-text><div class='more' id=xbzsdfbsdf >להמשך קריאה...</div></div></div></div></div>            </div>
        <div id="footer">
</div>

它可以在jsFiddle中運行，但是在我的計算機上不起作用，它僅顯示第一種情況，腳本中的id發生了變化，但是在其他情況下卻無法獲取html ...可以幫我嗎？

Answer 1

嘗試像這樣使用：

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    var id=0;
    var cases=$('.cases').length;
    $('#show').html($('#'+id).html());
    setInterval(function() 
    {
        $('#show').empty();
        if (id==cases-1)
            id=0;
        else
            id++;
        $('#show').html($('#'+id).html());
    },5000);

});
</script>

如果您的代碼工作得很混亂，那么它應該可以在您的計算機上工作，以確保是否遵循約定。

Answer 2

確保

您已經包含了jQuery.js

您已經將代碼包裝在就緒處理程序中，例如

<script type="text/javascript">
$(function(){
 //your code
});
</script>