0

私はjqueryを初めて使用しますが、これには本当に困惑しています。

上部に製品のスライド ショーがあり、製品の 1 つをクリックすると、ページがメインの #content div をサーバーからのページで更新するページを作成しようとしています。ページを表示するための ajax 呼び出しを取得するために、.load() 関数を使用しています。さらに、リンクをクリックしてもページが完全に変更されないように、 event.preventDefault() を使用しています。

この時点で何が間違っているのかわかりません。どんな助けでも大歓迎です。

また、私がやろうとしていることを行うために他のプラグインを探しましたが、成功しませんでした.

私がこれまでに行ったこと：

コードがこの jsfiddle に貼り付けられたのは、stackoverflow が正しくフォーマットされていないと不平を言い続けたためです。カルーセル用のcssもありますが、うまく機能しているようです。必要に応じて含めることができます

http://jsfiddle.net/WDXMU/1/

<div id="wrap">

<div id="mycarousel" class="jcarousel-skin-tango">

<ul>
  <li><a href="page1.html"><img src="img1.png"alt="" /></a></li>
  <li><a href="page2.html"><img src="img2.png"alt="" /></a></li>
  <li><a href="page3.html"><img src="img3.png"alt="" /></a></li>
  <li><a href="page4.html"><img src="img4.png"alt="" /></a></li>
  <li><a href="page5.html"><img src="img5.png"alt="" /></a></li>
</ul>

<div class="jcarousel-scroll"> <form action=""> <a href="#" id="mycarousel-prev">&laquo; Prev</a> <a href="#" id="mycarousel-next">Next &raquo;</a> </form> </div>

</div> <div id="content"> Show the content </div>

</div>

前後にエスケープ文字があってもスタック オーバーフローが気に入らなかったため、jquery コードはフィドルにあります。

4

1 に答える 1

0

私はあなたの jsfiddle にいくつかの変更を加えました。最初にフレームワークを jQuery に設定し、aタグがページから移動するのを修正しました。JavaScript ウィンドウからスクリプト タグを削除しました。の ID を持つ要素を取得しようとしているときに、jQuery セレクターから欠落している # を修正しましたcontent。

jsfiddle の外部でコードをテストしましたが、現在は機能することを確認できますが、リンク先のページが jsfiddle ドメインに存在しないため、jsfiddle では機能しません。

http://jsfiddle.net/WDXMU/11/

于 2012-12-12T02:51:09.413 に答える