0

会社の Web サイトを作成していて、ホームページで Jquery スライダーを使用したいと考えています。私は Visual Studio を使用して Web サイトを作成しており、Coin スライダーをページに実装しようとしています。ファイルをダウンロードし、コードをコピーし、写真を変更しました。ローカルホストで見ようとすると、すべてがうまくいきます。しかし、問題は、スライダーがまったく機能しないよりもサーバーにアップロードすると、写真が互いに下に置かれることです。
私が使用しているコードは次のとおりです。 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script type="text/javascript" src="/Jquery/coin-slider.min.js" ></script>
<link rel="stylesheet" href="/coin-slider-styles.css" type="text/css" />

と： 

<script type="text/javascript">
$(document).ready(function () {
$('#coin-slider').coinslider({ width: 759, navigation: true, delay: 5000,effect: 'straight', });
 });
</script>

そして画像の場合： 

<div id="coin-slider">

     <img src="Images/image1.jpg" alt="" width="759px" height="256px" />
     <img src="Images/image2.jpg" alt="" width="759px" height="256px" />
     <img src="Images/image3.jpg" alt="" width="759px" height="256px" />

</div>

Firefox の Web コンソールで問題を確認しようとすると、次のメッセージが表示されます。 

 TypeError: $("#coin-slider").coinslider is not a function

サーバーにアップロードするときに何が問題なのかわからないので、助けていただければ幸いです。:) また、Coin スライダーの代わりに Nivo スライダーを使用して、スライダーに問題があるかどうかを確認しましたが、すべて同じでした。ローカルホストでは機能しましたが、サーバーでは機能しませんでした。

現在の Web サイトを表示できるリンクは次のとおりです:
http://web.bptech.dk:33001/

助けてくれてありがとう!! :)

4

1 に答える 1

0

パスの問題があることをお勧めします。「/」は、おそらく両方のマシンで同じパスではありません。

于 2012-08-14T10:05:53.893 に答える