Как мне переключить класс на элементе Li, который находится на отдельной странице из моей функции щелчка - PullRequest
0 голосов
/ 20 октября 2010

Я пытаюсь создать динамический список избранного в этом приложении, над которым я работаю.В настоящее время моя проблема заключается в том, что я не могу направить событие на переключение определенных имен классов li.У меня есть большой список ли и отдельных страниц, связанных с ними.Каждая страница имеет строку заголовка с несколькими ссылками на изображения, номером телефона и т. Д. Последнее изображение - это звезда, которая должна быть синей, когда пользователь нажимает на нее, а также переключать класс соответствующего элемента li на другой странице.Я не хочу писать отдельный код для каждого элемента, и я все больше разочаровываюсь, пытаясь сопоставить каждый щелчок звездочкой с одним из 37 элементов li ... Я использовал jquery, но не могу понять это ...

div, содержащий элементы li, которые мне нужно переключить, чтобы клонировать их в другой список "избранных"

<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, я хочу, чтобы он стал синим, а также клонировал эль-хаус li (который был нажат, чтобы попасть на эту страницу) и добавить в мой список избранных на другой странице

1 Ответ

0 голосов
/ 20 октября 2010

Я предполагаю, что вы отображаете обе эти страницы одновременно? ... В отличие от попытки сохранить информацию (которую щелкнул whitestar40) по запросу. Я бы начал с добавления некоторого атрибута в whitestar40, который отслеживает, что щелкнуло, и устанавливаю его, когда происходит этот щелчок. Тогда у вас есть данные, которые вам нужны в html / dom на другой странице. Это помогает или помогает течению соков?

...