0

jquery 垂直ティッカーを使用しようとしています。ティッカーのみを含むテスト ページを試してみましたが、正常に動作します。しかし、デプロイしたい実際のページに統合すると、次のエラーが発生します。

Uncaught TypeError: Object [object Object] has no method 'vTicker' index.jsp:46
(anonymous function) index.jsp:46
jQuery.Callbacks.fire jquery-1.7.js:1064
jQuery.Callbacks.self.fireWith jquery-1.7.js:1182
jQuery.extend.ready jquery-1.7.js:437
DOMContentLoaded

それは私のコードです:

    <style type="text/css">

     #news-container
    {
        width: 400px; 
        margin: auto;
        margin-top: 30px;
        border: 5px solid #333333;
    }

    #news-container ul li div
    {
       border: 1px solid #aaaaaa;
       background: #ffffff;
     }
  </style>

 <script type="text/javascript" src="../assets/js/lib/jquery-1.7.js"></script>
        <script type="text/javascript" src="../assets/js/lib/jquery.vticker.js">   </script>
 <script type="text/javascript">

 jQuery(function(){
jQuery('#news-container').vTicker({ 
    speed: 500,
    pause: 3000,
    animation: 'fade',
    mousePause: false,
    showItems: 3
});
});
</script>
<script type="text/javascript" src="../assets/js/lib/all-concat.js"/>

これは、本文内の html div です。

 <div id="news-container">
<ul>
    <li>
        <div>
            1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info
        </div>
    </li> 
    <li>
        <div>

            2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info
        </div>
    </li> 
    <li>
        <div>
            3) Lorem ipsum dolor sit amet more info more info more info more info
        </div>
    </li>   
    <li>
        <div>
            4) jugbit.com jquery vticker more info more info more info more info more info
        </div>
    </li>
</ul>

別のページで機能していて、ここでは機能していない理由は何ですか?

4

0 に答える 0