1

私は _Layout.cshtml にそのようなコードを書きました:

    <head>
    <link href="@Url.Content("~/Content/jquery.fancybox-1.3.4.css")" rel="stylesheet" type="text/css" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")      
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>     
    <script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.fancybox-1.3.4.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //alert("H");
            $('#gallery a').fancybox({
            });

        });  // end ready
    </script>        
    </head>
    <body>
      <div id="gallery" >   
        <a href="../../Content/Images/Slide1.JPG" rel="gallery" title="Img1!:)">
            <img alt="Dog" height="170" src="../../Content/Images/Slide1_s.JPG" width="200" /></a>
        <a href="../../Content/Images/Slide2.JPG" rel="gallery" title="Img2!:)">
            <img alt="Cat" height="170" src="../../Content/Images/Slide2_s.JPG" width="200" /></a>
      </div>            
    </body>

上記のコードを単純なhtmlファイルで使用しましたが、完全に機能します。しかし、このコードを MVC 4 に入れようとすると、うまくいきません。画像のリンクのみが機能し、「新しいポップアップウィンドウ」なしで画像のみが表示されます。「.js」ライブラリのすべてのアドレスを何度も確認し、「alert('Hello from .js')」を入力して、これらのライブラリの「Scripts」フォルダから可用性を確認しました。

その理由は何ですか？それを解決する方法は？

4

1 に答える 1

0

"@Scripts.Render("~/bundles/jquery")" と "@RenderSection("scripts", required: false)" を から に移動しただけで、完全に機能します!

コード全体は次のとおりです。

 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />        
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)             
    <link href="~/Icon.ico" rel="shortcut icon" type="image/x-icon" />

</head>
于 2013-09-19T14:04:07.507 に答える