ASP.NET jQuery 无法在子目录中工作

发布于 2024-10-21 21:30:23 字数 1699 浏览 2 评论 0原文

我编写 ASP.NET 应用程序,我想使用 jQuery DataTables。

在母版页(不在根目录中)中,我在代码后面包含脚本:

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:

<标题>

<第>标题
<第>标头 2


<正文>




单元 1小区 2

jQuery 由我的 setup.js 中的类选择器调用:
$(函数() { var oTable = $('.table').dataTable( {
“bJQueryUI”:正确,
"sScrollX": "",
“bSortClasses”:假,
"aaSorting": [[0,'asc']],
“bAutoWidth”:true,
“bInfo”:正确,
"sScrollY": "100%",
"sScrollX": "100%",
"bScrollCollapse": true,
"sPaginationType": "full_numbers",
“bRetrieve”:true
} );
});

位于根目录的页面上一切正常。但在子文件夹中的页面上,jQuery 不会被触发。看起来路径有问题,但我看不到。

感谢您的帮助 o..o

编辑:添加了安装脚本
编辑2:添加了jQuery的调用
编辑3:将 $(function() { 添加到上面的 js 代码中(已经存在于我的真实代码中,只是在这里丢失了

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

Everything 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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

美羊羊 2024-10-28 21:30:23

在运行此文档之前需要加载该文档,因此将其更改

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

为:

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

});

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

});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文