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

Question

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

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

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

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

Answer 1

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

1. Поместите любые значения, которые вы используете в атрибуте «значение» ваших тегов в атрибуте «href» ваших тегов.
2. Оставьте «HREF» атрибут самостоятельно и использовать пользовательский атрибут (HTML5 теперь позволяет это) с именем, как, например: «данные-Имя_атрибут»

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

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

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

заменителя использования ATTR («HREF») выше для какого метода вы используете.

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

Answer 2

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

Answer 3

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

Пример:

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