0

現在、Coda-Slider 3 を自分の Web サイトに実装しようとしています。

スライダーが実際に機能するかどうかを確認する以外に、まだ何もしていませんが、機能していません。

読み込まれると、レイアウトが取得され、スライダー以外のすべてがスライドせず、コンテンツ領域に壊れた画像と「読み込み中...」というテキストが表示されます。

ステータスバーにもエラーが表示されます

「オブジェクトはメソッド line:5 のこのプロパティをサポートしていません」

ここに私のjavascript / htmlがあります

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" />
<link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form id="form1" runat="server">
<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

ソースコード

<script src="Scripts/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.coda-slider-3.0.min.js" type="text/javascript"></script>
<link href="CSS/coda-slider.css" rel="stylesheet" type="text/css" /><link href="CSS/Stylesheet1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">
    $(document).ready(function() {
        $("#slidertabs").codaSlider();
    });
</script>

</head>
<body>
<form name="form1" method="post" action="User.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTQzMzc5MDEyMmRkIe8VCRe6PXi+FaNtf5wR5Ucxk58=" />
</div>

<div class="coda-slider" id="slidertabs">
    <div>
        <h2 class="title">Trial</h2>
            bambambasdfasf
            adfasf
    </div>
    <div>
        <h2 class="title">Trial 2</h2>
            la mambaafasdf
            asdfasfsa
    </div>
</div>
</form>

4

1 に答える 1

1

jQuery UI のように、jQuery に依存する他のライブラリよりも前に、常に jQuery をロードします。

http://kevinbatdorf.github.com/codaslider/から

また、jQuery、jQuery UI、Coda Slider スクリプト ファイル、および Coda Slider スタイルシートを確実にインポートする必要があります。詳細な手順と高度なオプションについては、以下を参照してください。

于 2012-08-14T19:10:22.687 に答える