Как добавить ссылку в элемент, чтобы открыть другой динамически добавленный элемент в изотопе?

В настоящее время я пробую плагин Isotope jQuery Дэвида ДеСандро: я динамически добавляю элементы в контейнер.

Я также использую технику, используемую в этой скрипте, которая сортирует выбранный элемент в левом верхнем углу контейнера. .

Мои элементы Isotope должны содержать некоторый текст. Если щелкнуть ссылку в этом тексте, другой элемент будет отсортирован и помещен вверху справа, а не тот, по которому был сделан щелчок.

Как я могу сделать ссылку <a href="... в одном элементе, чтобы активировать сортировку по левому верхнему углу другого элемента, зная, что эти элементы добавляются динамически?

Большое спасибо за ваши ответы и большое спасибо за работу Дэвида Де Сандро; Я обязательно получу коммерческую лицензию, как только смогу добиться этого...


jquery jquery-isotope
person vpx    schedule 09.08.2012    source источник
comment
Таким образом, 1. каждый элемент Isotope где-то содержит ссылку 2. если зритель нажимает на такую ​​ссылку, какой-то другой элемент (содержащий также ссылку) помещается вверху слева 2. таким образом, каждый элемент может отображаться вверху слева, но никогда через свой собственный ссылка нажимается. Это поведение, которое вы хотите?   -  person Systembolaget    schedule 09.08.2012
comment
Если вы генерируете свои элементы Isotope динамически, вставляя или добавляя их в #container, вы можете не использовать идентификатор, а вместо этого установить атрибут данных для каждого элемента div, например ‹div class=item data-element=G›A ‹ a href=#›ссылка на элемент G‹/a›‹/div› и оценка атрибута div, по которому щелкнули, для перекрестного нацеливания на другой элемент Isotope. Просто мысль...   -  person Systembolaget    schedule 10.08.2012

Ответы (2)


arrow_upward
0
arrow_downward

Если, согласно моему комментарию, я вас правильно понял (?), ссылка, по которой вы нажимаете на элемент A, должна установить класс .selected для другого элемента B, а затем вызвать sortBy, чтобы переместить элемент B в левый верхний угол. Это означает, что вы должны назначать функцию триггерного щелчка не всему элементу Isotope A (как это обычно бывает), а только ссылке, содержащейся внутри этого элемента A. Тогда не элемент A сортируется вверху слева, но элемент B (и щелчок по ссылке в E отсортирует P вверху слева, G отсортирует W вверху слева и так далее). Это может быть началом:

Насколько я понимаю, вам нужны перекрестные ссылки между всеми элементами:

<div id="container">
  <div class="item">A <a href="#" id="element-G">link to element G</a></div>
  <div class="item">B <a href="#" id="element-F">link to element F</a></div>
  <div class="item">C <a href="#" id="element-E">link to element E</a></div>
  ...
  ..
  .
</div>

И затем вы могли бы продолжить работу с этой скриптой, где вы можете видеть, что теперь вы 1. сортируете элементы изотопов только по щелкнув ссылку внутри них и 2. вы можете извлечь идентификатор другого из ваших элементов Isotope - тот, который затем будет классифицирован с помощью .selected для сортировки вверху слева.

person Systembolaget    schedule 09.08.2012

arrow_upward
0
arrow_downward

большое спасибо, это дало мне недостающую идею (назначение идентификатора ссылке и элементам div). Вот рабочий пример:

http://jsfiddle.net/vpxavier/QRy9W/23/

Теперь мне просто нужно динамически добавлять идентификаторы. Спасибо еще раз.

person vpx    schedule 10.08.2012