2014-02-28 111 views
0

我似乎無法讓jquery在我的aspx文件上工作。我想此刻顯示簡單的進度條:jquery不會加載

<head runat="server"> 
    <title></title> 

    <link href="css/Home.css" rel="stylesheet" type="text/css" /> 
    <link href="css/smoothness/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /> 
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script> 
    <script src="Scripts/jquery-ui-1.10.3.custom.js" type="text/javascript"></script> 

    <script> 
    $("#progressbar").progressbar({ 
     value:false 
    }); 
    </script> 

    </head> 

<body> 
<div id="progressbar"></div> 
</body> 

我也試着使用jQuery代碼和微軟CDN。 IT就像沒有任何事情那麼簡單。我在HTML中有一個<div id="progressbar">,它永遠不會像Jquery UI那樣的進度條。我試圖加載一個Jquery日曆以及相同的結果。我不明白我做錯了什麼。

我敢肯定,我的JS和CSS文件已經非404錯誤100%,我在IE或Chrome

回答

2

調試控制檯沒有錯誤操作:

$(function() {  
    $("#progressbar").progressbar({ 
     value:false 
    }); 
}); 
+2

或者在文檔準備就緒。 – Alvaro

+0

感謝您的快速回答,我會盡快接受,我對jquery不夠熟悉 – WizLiz

+0

@WizLiz查看此解釋http://learn.jquery.com/using-jquery-core/document-準備好/ – RossG

2

嘗試包DOM準備處理$(document).ready(function() { ... });或較短的形式$(function() { ... })內部代碼,以確保所有的DOM裏面的元件裝入執行jQuery代碼之前正確:

$(function() { 
    $("#progressbar").progressbar({ 
     value:false 
    }); 
}); 
+0

我是否總是要用這種方式來包裝它?我不udnerstand它如何工作 – WizLiz

+1

如果你把腳本放在頭部分,那麼你需要包裝它。如果你在關閉''標籤之前將你的jQuery代碼放在頁面的末尾,那麼你不需要這樣做。 – Felix

+0

好的,有什麼是最好的嗎? – WizLiz

0

把它放在文檔中準備好

$(document).ready(function(){ 
$("#progressbar").progressbar({ 
     value:false 
    }); 
}); 
1

你的腳本可以正常工作,但確實知道什麼時候開始。嘗試使用:

<script> 
$(document).ready(function(){ 
    $("#progressbar").progressbar({ 
     value:false 
    }); 
}); 
    </script>