asp.net-mvc-4 – 如何在asp.net MVC4查看页面中包含javascript代码？

发布时间：2020-07-09 09:11:55 所属栏目：asp.Net 来源：互联网

导读：我是asp.net MVC4架构的新手,我对以下事情感到困惑,请帮助我. @Scripts.Render(~/bundles/jquery)@Scripts.Render(~/bundles/jqueryui)script type=text/javascript$(function () { $(#sections).tabs(); //here i

我是asp.net MVC4架构的新手,我对以下事情感到困惑,请帮助我.

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")

<script type="text/javascript">
$(function () {
    $("#sections").tabs();
    //here i am getting error that Object[object object] has not method tabs    
});
</script>

<div id="sections">
    <ul>
        <li><a href="#section-1">section-1 </a></li>
        <li><a href="#section-2">section-2 </a></li>
    </ul>
        <div id="section-1">
        section-1 content............  
        </div>
        <div id="section-2">
        section-2 content............ 
        </div>
    </div>

提前致谢……

解决方法

您可能已经包含了/ bundles / jquery包两次.查看/ Views / Shared / _Layout.cshtml文件.最后你可能有以下内容：

@Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts",required: false)
</body>

所以jQuery包已经包含在你的页面中.您不应该在视图中第二次包含它.你只需要/ bundles / jqueryui包：

@Scripts.Render("~/bundles/jqueryui")

<script type="text/javascript">
$(function () {
    $("#sections").tabs();
    //here i am getting error that Object[object object] has not method tabs    
});
</script>

<div id="sections">
    <ul>
        <li><a href="#section-1">section-1 </a></li>
        <li><a href="#section-2">section-2 </a></li>
    </ul>
    <div id="section-1">
        section-1 content............  
    </div>
    <div id="section-2">
        section-2 content............ 
    </div>
</div>

更新：

以下是视图结构可能如下所示的完整示例：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Foo</title>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
</head>
<body>
    <div id="sections">
        <ul>
            <li><a href="#section-1">section-1 </a></li>
            <li><a href="#section-2">section-2 </a></li>
        </ul>
        <div id="section-1">
            section-1 content............  
        </div>
        <div id="section-2">
            section-2 content............ 
        </div>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")
    <script type="text/javascript">
        $("#sections").tabs();
    </script>
</body>
</html>

（编辑：鲜蔬坊站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!