1

JQueryRoundaboutCarouselを使用していくつかの画像を表示しようとしている問題に苦労しています。

レイアウトページには、次のコードがあります。

<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Stylesheets -->
<link rel="stylesheet" href="~/Content/reset.css" />
<link rel="stylesheet" href="~/Content/styles.css" />
<!-- Scripts -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.roundabout.js"></script>
<script type="text/javascript" src="~/Scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript">
    $(document).ready(function () { //Start up the Carosuel on the child page
        $('#images ul').roundabout({ //images list on the child page which uses this layout page.
            easing: 'easeOutInCirc',
            duration: 1500
        });
    });
</script>

これにより、ビューのカルーセルが呼び出されます。

@{
ViewBag.Title = "Home Page";
Layout = "~/Views/Shares/_layout.cshtml"

}

        <!-- Image Slider -->
    <div id="images" class="fixed grid_12">
        <ul> 
            <li>
                <a href="info.html">
                    <img src="images/testImage.gif" alt="" />
                </a>
            </li>  
            <li>
                <a href="info.html">
                    <img src="images/testImage1.gif" alt="" />
                </a>    
            </li>  
            <li>
                <a href="info.html">
                    <img src="images/testImage2.gif" alt="" />
                </a>    
            </li> 
        </ul> 
    </div>

さまざまなバージョンのjqueryを試しても、レイアウトページでスクリプトの場所と順序を移動しても、このエラーを回避することはできません。子ページのヘッダー、フッターでJQueryを試しました。1.3から1.7までのバージョンのJQueryを試しました。

最後に、これを標準の.htmlファイルで試してみると、すべてが正常に機能します。MVCがjqueryを処理する方法に何かがある可能性がありますか？おそらくそれはRazorの振る舞いですか？

私が間違っていることとこれを修正する方法についてのアイデアはありますか？

乾杯、

Mo

4

1 に答える 1

2

使ってみてください

@Url.Content("~/Scripts/jquery.roundabout.js")

~パスでcharを使用する場合は、常にUrl.Content

また、ブラウザのデバッグツールがファイルについて何を言っているかを観察してみてください。たとえば、サーバーからファイルを読み込めない場合は、chromeのdevtoolsの[ネットワーク]タブで確認できます。

于 2012-08-16T11:38:04.107 に答える