вариантов JQuery при наведении курсора нажмите чтобы загрузить страницу

Question

Моей проблемы:

У меня есть ряд DIV тегов, которые выступают в качестве заголовка для столбцов, когда пользователь парит над ними изменения Див сортировать параметры, такие как ASC и DESC. То, что мне нужно сделать, - это когда пользователь нажимает на одну из опций, которая выдает предупреждение с опцией click значение и имя класса div.

пример, если пользователь нажал на ASC, появится предупреждение, указывающее заголовокID ASC 1 или заголовочный идентификатор DESC 2, если нажать на desc.

Для жизни меня я не могу понять это. Сейчас я тестирую с предупреждением, то я буду использовать .load(), чтобы загрузить страницу с сортировкой варианта

деление = headerID

сортировки = ASC

значение = 1

или

деления = headerID

рода = DESC

value = 2

в зависимости от того, что было нажато.

демо того, что у меня уже есть http://jsfiddle.net/hmeHn/1/

Answer 1

здесь один из многих возможных soloutions

http://jsfiddle.net/eQJSU/2/

Answer 2

что-то вроде этого?

http://jsfiddle.net/hmeHn/6/

Answer 3

Я бы ASC и DESC текст в связи с клик действия, связанные с каждым из них. Затем, в click обратного вызова, обеспечивают ваши действия:

$(this).html('<span id="sortShow">\ 
       <a href="#" class="asc">ASC</a> | \ 
       <a href="#" class="desc">DESC</a></span>'); 
    $(this).on('click', 'asc', function(e) { 
     e, preventDefault(); 
     alert('Ascending'); 
    }).on('click', 'desc', function(e) { 
     e, preventDefault(); 
     alert('Descending'); 
    }) 

Это просто грубый пример. Кроме того, я бы рекомендовал не использовать регулярные выражения в ваших селекторах jQuery, поскольку они значительно медленнее, чем другие селекторы. div [class * = header] не является хорошим. Попробуйте использовать другой класс, чтобы отличать заголовки.