开发者

ASP.NET jQuery not working from subdirectory

开发者 https://www.devze.com 2023-02-16 09:18 出处:网络
I write ASP.NET application and I want to use jQuery DataTables. In Master Page (which is not in root) I include scripts in code behind:

I write ASP.NET application and I want to use jQuery DataTables.

In Master Page (which is not in root) I include scripts in code behind:

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();
}

In page I have just pure 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 is called by class selector in my 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

} );

});

Every开发者_StackOverflowthing is working on pages placed in root. But on pages in subfolders jQuery is not fired. It looks like some path trouble, but I can't see.

Thanks for help o..o

edit: setup script added

edit 2: added calling of jQuery

edit 3: added $(function() { to js code above (already existing in my real code, just missing here


The document needs to load before you run this so change this:

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
} );

To this:

$(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
} );

});
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号