1

我尝试使用模板 HTML5 网站作为我的 ASP.NET MVC 4 应用程序的视图。这个模板在这里:http ://html5up.net/helios/

不幸的是,我对此有一些问题。我试图将这些模板的主框架放在我的 _layout 页面上。我还将其他部分放在 index.chtml 中。

问题是当我运行程序时,Visual Studio 说 skel.min.js 中有一个未处理的异常,即:

this.insertBefore(b,a.me)

我的 _layout 页面在这里:

<head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600" rel="stylesheet" type="text/css" />
    <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->

    <script src="@Url.Content("~/Scripts/js/jquery.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.dropotron.js")"type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/skel.min.js")"type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/skel-panels.min.js")"type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/init.js")"type="text/javascript"></script>

    <noscript>
        <link rel="stylesheet" href="@Url.Content("~/Content/skel-noscript.css")" type="text/css"/>
        <link rel="stylesheet" href="@Url.Content("~/Content/style.css")" type="text/css"/>
        <link rel="stylesheet" href="@Url.Content("~/Content/style-desktop.css")" type="text/css"/>
        <link rel="stylesheet" href="@Url.Content("~/Content/style-noscript.css")" type="text/css"/>
    </noscript>
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]-->

    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>

<body class="homepage">

    <!-- Header -->
    <div id="header">

        <!-- Inner -->
        <div class="inner">
            <header>
                <h1><a href="#" id="logo">Helios</a></h1>
                <hr />
                <span class="byline">Another fine freebie by HTML5 UP</span>
            </header>
            <footer>
                <a href="#banner" class="button circled scrolly">Start</a>
            </footer>
        </div>

        <!-- Nav -->
        <nav id="nav">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li>
                    <span>Dropdown</span>
                    <ul>
                        <li><a href="#">Lorem ipsum dolor</a></li>
                        <li><a href="#">Magna phasellus</a></li>
                        <li><a href="#">Etiam dolore nisl</a></li>
                        <li>
                            <span>And a submenu &hellip;</span>
                            <ul>
                                <li><a href="#">Lorem ipsum dolor</a></li>
                                <li><a href="#">Phasellus consequat</a></li>
                                <li><a href="#">Magna phasellus</a></li>
                                <li><a href="#">Etiam dolore nisl</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Veroeros feugiat</a></li>
                    </ul>
                </li>
                <li><a href="left-sidebar.html">Left Sidebar</a></li>
                <li><a href="right-sidebar.html">Right Sidebar</a></li>
                <li><a href="no-sidebar.html">No Sidebar</a></li>
            </ul>
        </nav>
    </div>

    <div>
        @RenderSection("featured", required: false)
        <section class="content-wrapper main-content clear-fix">
            @RenderBody()
        </section>
    </div>

    <!-- Footer -->
    <div id="footer">
        <div class="container">
            <div class="row">

                <!-- Tweets -->
                    <section class="4u">
                        <header>
                            <h2 class="icon icon-twitter circled"><span>Tweets</span></h2>
                        </header>
                        <ul class="divided">
                            <li>
                                <article class="tweet">
                                    Amet nullam fringilla nibh nulla convallis tique ante sociis accumsan.
                                    <span class="timestamp">5 minutes ago</span>
                                </article>
                            </li>
                            <li>
                                <article class="tweet">
                                    Hendrerit rutrum quisque.
                                    <span class="timestamp">30 minutes ago</span>
                                </article>
                            </li>
                            <li>
                                <article class="tweet">
                                    Curabitur donec nulla massa laoreet nibh. Lorem praesent montes.
                                    <span class="timestamp">3 hours ago</span>
                                </article>
                            </li>
                            <li>
                                <article class="tweet">
                                    Lacus natoque cras rhoncus curae dignissim ultricies. Convallis orci aliquet.
                                    <span class="timestamp">5 hours ago</span>
                                </article>
                            </li>
                        </ul>
                    </section>

                <!-- Posts -->
                    <section class="4u">
                        <header>
                            <h2 class="icon icon-file circled"><span>Posts</span></h2>
                        </header>
                        <ul class="divided">
                            <li>
                                <article class="post stub">
                                    <header>
                                        <h3><a href="#">Nisl fermentum integer</a></h3>
                                    </header>
                                    <span class="timestamp">3 hours ago</span>
                                </article>
                            </li>
                            <li>
                                <article class="post stub">
                                    <header>
                                        <h3><a href="#">Phasellus portitor lorem</a></h3>
                                    </header>
                                    <span class="timestamp">6 hours ago</span>
                                </article>
                            </li>
                            <li>
                                <article class="post stub">
                                    <header>
                                        <h3><a href="#">Magna tempus consequat</a></h3>
                                    </header>
                                    <span class="timestamp">Yesterday</span>
                                </article>
                            </li>
                            <li>
                                <article class="post stub">
                                    <header>
                                        <h3><a href="#">Feugiat lorem ipsum</a></h3>
                                    </header>
                                    <span class="timestamp">2 days ago</span>
                                </article>
                            </li>
                        </ul>
                    </section>

                <!-- Photos -->
                    <section class="4u">
                        <header>
                            <h2 class="icon icon-camera circled"><span>Photos</span></h2>
                        </header>
                        <div class="row quarter no-collapse">
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Air-Lounge-385212062" class="image full"><img src="../../images/pic10.jpg" alt="" /></a>
                            </div>
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Paris-City-Streets-II-382623606" class="image full"><img src="../../images/pic11.jpg" alt="" /></a>
                            </div>
                        </div>
                        <div class="row quarter no-collapse">
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Trainride-Visions-383309985" class="image full"><img src="../../images/pic12.jpg" alt="" /></a>
                            </div>
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Paris-Metro-382623851" class="image full"><img src="../../images/pic13.jpg" alt="" /></a>
                            </div>
                        </div>
                        <div class="row quarter no-collapse">
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Cliffs-of-Coogee-II-366961860" class="image full"><img src="../../images/pic14.jpg" alt="" /></a>
                            </div>
                            <div class="6u">
                                <a href="http://mdomaradzki.deviantart.com/art/Stormy-Coast-VII-366561367" class="image full"><img src="../../images/pic15.jpg" alt="" /></a>
                            </div>
                        </div>
                    </section>

            </div>
            <hr />
            <div class="row">
                <div class="12u">

                    <!-- Contact -->
                    <section class="contact">
                        <header>
                            <h3>Nisl turpis nascetur interdum?</h3>
                        </header>
                        <p>Urna nisl non quis interdum mus ornare ridiculus egestas ridiculus lobortis vivamus tempor aliquet.</p>
                        <ul class="icons">
                            <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
                            <li><a href="#" class="icon icon-facebook"><span>Facebook</span></a></li>
                            <li><a href="#" class="icon icon-google-plus"><span>Google+</span></a></li>
                            <li><a href="#" class="icon icon-pinterest"><span>Pinterest</span></a></li>
                            <li><a href="#" class="icon icon-dribbble"><span>Dribbble</span></a></li>
                            <li><a href="#" class="icon icon-linkedin"><span>Linkedin</span></a></li>
                        </ul>
                    </section>

                    <!-- Copyright -->
                    <div class="copyright">
                        <ul class="menu">
                            <li>&copy; Untitled. All rights reserved.</li>
                            <li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
                            <li>Demo images: <a href="http://mdomaradzki.deviantart.com/">Michael Domaradzki</a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

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

这些文件在我上面的链接中。

我试图联系这个模板的程序员(它基于一个引擎,“skelJS”)。还没有任何答案。我该如何解决这个问题?

错误详情:

    Exception was thrown at line 5288, column 6 in http://localhost:1572/Scripts/jquery-1.8.2.js
    0x800a139e - JavaScript runtime error: SyntaxError
    Exception was thrown at line 4, column 13743 in http://localhost:1572/Scripts/jquery.min.js
    0x800a139e - JavaScript runtime error: SyntaxError
    Exception was thrown at line 4, column 13957 in http://localhost:1572/Scripts/jquery.min.js
    0x800a139e - JavaScript runtime error: SyntaxError
    Unhandled exception at line 12, column 444 in http://localhost:1572/Scripts/skel.min.js
    0x800a139e - JavaScript runtime error: NotFoundError
    The program '[10048] iisexpress.exe: Managed (v4.0.30319)' has exited with code 0 (0x0).
    The program '[10048] iisexpress.exe: Program Trace' has exited with code 0 (0x0).
4

1 回答 1

1

你在IE中测试?:) 是的,每个人都犯了 jquery-1.10.2.min.js 的错误。

把它放在一个空白页上,它仍然在那里。“jquery-1.8.2”中也存在故障

于 2013-08-23T11:34:59.910 回答