Использование Jquery Quicksand со ссылками вместо значений формы

Question

Вот мой рабочий код: http://www.metropoliscreative.com/jake_test/index.html

Я пытаюсь использовать плагин Jquery Quicksand для фильтрации двух типов данных. У меня есть это в настоящее время работает с двумя выпадающими формами вверху. Вместо этого я пытаюсь заставить их работать по ссылкам ниже. Так как ссылки не имеют val(), как выбор форм, я не уверен, как бы получить эти ссылки для соответствия...

* Редактировать: я полагаю, проблема не в плагине, а в переносе использования атрибута val в эквивалентное использование в. Мне кажется, что нельзя "хранить" значение так же, как форма?

Спасибо заранее за ваше время. Я боролся уже пару дней!:D

Answer 1

Я думаю, что вы спрашиваете, довольно легко достичь. Два варианта:

1. Поместите все значения, которые вы используете, в атрибут "value" ваших тегов в атрибут "href" ваших тегов.
2. Оставьте атрибут "href" в покое и используйте пользовательский атрибут (теперь это разрешено в HTML5), который называется так: "data-attributetename"

После того, как ваши ссылки настроены таким образом, привяжите к ним события клика, используя jQuery, и в функции, обрабатывающей клик, получите значение из атрибута:

$('.myList a').click(function(){
    var filterValue = $(this).attr('href');

   // Filtering function using "filterValue" as input...
});

Замените использование attr('href') выше для того метода, который вы используете.

Надеюсь это поможет!

Answer 2

Это хорошее место, чтобы опробовать спецификацию атрибутов данных HTML5. Он работает вплоть до IE6, и вы можете прикрепить любые произвольные данные практически к любому элементу без несемантических обходных путей, таких как вставка данных в href.

Пример:

<li><a data-val="1" name="bp">Brochure Packages</a></li>

Answer 3

Вы можете выбрать любой элемент в ссылке, как и в элементе формы, используя jQuery("a"). Attr("href"); Вы можете заменить "href" на любой атрибут, который вы хотите выбрать, например. "Отн"