1

asp.net と c# を使用して Web サイトを開発しています。画像をスライドさせるためにJavaScriptが使用されているインデックスページが1つあります。NewsBar.ascx という名前のユーザー コントロールを 1 つ作成しました。NewsBar.ascx ユーザー コントロールには、ニュースをスライドさせるための JavaScript があります。両方のスクリプトは完全に実行されます。しかし、ユーザー コントロールをインデックス ページにインポートするたびに。画像スライド JavaScript が機能しなくなります。

この問題のアイデアや解決策はありますか?

インデックスページjavasrcipt「ヘッダー部分」

<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="engine1/jquery.js"></script>
<script type="text/javascript" src="engine1/wowslider.js"></script>

「ボディパーツ」

     <div id="wowslider-container1">
        <div class="ws_images">
        <span><img src="1.jpg" alt="" title="" id="wows0"/></span>
        <span><img src="2.jpg" alt="" title="" id="wows1"/></span>
        <span><img src="3.jpg" alt="" title="" id="wows2"/></span>
        </div>
        <div class="ws_bullets"><div>
        <a href="#wows0" title=""><img src="../data1/tooltips/1.jpg" alt="+2Wings"/>1</a>
        <a href="#wows1" title=""><img src="../data1/tooltips/2.jpg" alt="College1"/>2</a>
        <a href="#wows2" title=""><img src="../data1/tooltips/3.jpg" alt="College2"/>3</a>
        </div></div>
    </div>
    <script type="text/javascript" src="engine1/script.js"></script>

ニュース バーのユーザー コントロール

<link rel="stylesheet" href="../../Resources/Styles/NewsBar/style-newsticker.css" type="text/css" media="screen" />
<script src="../../Resources/Scripts/NewsBar/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="../../Resources/Scripts/NewsBar/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
    $("#newsticker-demo").jCarouselLite({
        vertical: true,
        hoverPause: true,
        btnPrev: ".previous",
        btnNext: ".next",
        visible: 3,
        auto: 3000,
        speed: 500
    });
});

私はweb.configにユーザーコントロールを登録して使用しています

<uc5:NewsBar runat="server" />

index.aspx ページでユーザー コントロールを呼び出します。

4

0 に答える 0