我編寫ASP.NET應用程序,我想使用jQuery DataTables。ASP.NET jQuery不能從子目錄工作
在母版頁(這是不是在根目錄)我包括在後面的代碼腳本:
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/jquery.min.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/jquery-ui.min.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/DataTables/jquery.dataTables.js")));
ScriptManagerSM.Scripts.Add(new ScriptReference(Page.ResolveUrl("~/js/setup.js")));
Page.Header.DataBind();
}
在頁面我剛纔純HTML:
<table class="table display">
<thead>
<tr>
<th>Header</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr class="gradeX">
<td>Cell 1</td>
<td>Cell 2</td> </tr>
</tbody>
</table>
jQuery是由類選擇在叫我的setup.js:
$(function() { var oTable = $('.table').dataTable({
"bJQueryUI": true,
"sScrollX": "",
"bSortClasses": false,
"aaSorting": [[0,'asc']],
"bAutoWidth": true,
"bInfo": true,
"sScrollY": "100%",
"sScrollX": "100%",
"bScrollCollapse": true,
"sPaginationType": "full_numbers",
"bRetrieve": true
});
});
一切正在放在根中的頁面上工作。但在子文件夾中的頁面jQuery沒有被解僱。它看起來像一些路徑的麻煩,但我看不到。
感謝您的幫助o..o
編輯:安裝腳本添加
編輯2:新增調用的jQuery的
編輯3:加入$(函數(){上面的js代碼(已經在我真正的代碼存在的,只是在這裏失蹤
你應該使用Firefox的Firebug,看看如果您有任何JS錯誤。您還可以查看所有內容的加載順序,以確保jQuery在其他腳本之前加載。最後,確保您通過$(document).ready({});檢查DOM是否準備就緒。 – Zachary 2011-03-15 05:15:54