0

私が取り組んでいるこのアプリケーションで、動的なお気に入りリストを作成しようとしています。現時点での私の問題は、特定の li クラス名を切り替えるようにイベントを指示できないことです。私は、li とそれらに関連する別のページの大きなリストを持っています。各ページには、いくつかの画像リンク、電話番号などを含むタイトル バーがあります。最後の画像は、ユーザーがクリックすると青色に変わり、別のページで対応する li 要素のクラスを切り替える必要がある星です。要素ごとに個別のコードを記述する必要はありません。各スターのクリックを 37 個の li 要素の 1 つと関連付けようとすると、ますますイライラします... jquery を使用しましたが、これを理解できません...

li 要素を含む div 別の「お気に入り」リストに複製するために切り替える必要があります

<div id="barlist">
  <div class="toolbar"><h1>Bar List</h1><a class="button back"Back</a>
     <a class="button flip" Settings</a>
 </div>
 <ul class="edgetoedge">    
   <li class="aleHouse"><a Ale House</a></li>
   <li class="argyle"><a Argyle</a></li>
   <li class="bearlys"><a Bearlys</a></li>
   <li class="bostonPizza"><a>Boston Pizza</a></li>
 </ul>
</div>

星の画像がある対応ページ

<div id="aleHouse">
   <div class="toolbar"><h1>Ale House</h1><a class="button back" >Back</a>    
</div>
<div>
<div class="blackBar">
  <img class="white" img src=".../whitestar40(png)" alt="star">
</div>

$("document").ready(function() {
  $("#barlist li[class=fav]").clone().appendTo("#favorites[class=edgetoedge]");
});

$("document").ready(function() {  
  $(".white").click(function() {   $(???this???).toggleClass(".fav");  })
});

たとえば、whitestar40 をクリックすると、青色に変わり、エール ハウス リー (このページにアクセスするためにクリックされたもの) のクローンを作成し、別のページのお気に入りリストに追加します。

4

1 に答える 1

0

これらの両方のページを同時に表示していると思いますか？...リクエスト全体で情報（whitestar40がクリックされた）を保存しようとするのとは対照的です。まず、クリックされたliを追跡する属性をwhitestar40に追加し、そのクリックが発生したときに設定します。次に、他のページのhtml/domに必要なデータがあります。それはジュースを流すのに役立ちますか、それとも流れますか？

于 2010-10-20T17:32:30.160 に答える