jqueryのホバーオプション、ページ

Question

に私の問題をロードするためにクリックしてください：

私は、ユーザーがそのようなASCとDESCなどのオプションをソートするためにそれらの上のdivの変更を置いたときに、列へのヘッダとして機能するdivタグの行を持っています。私がそれらをするために必要なのは、ユーザーがオプションの1つをクリックしたときに、警告オプションが値とdivクラス名をクリックしてポップアップ表示されることです。

例：ユーザがASCをクリックした場合、descをクリックすると、headerID ASC 1またはheaderID DESC 2という警告がポップアップ表示されます。

私の人生にとって私はこれを理解できません。今、私はその後、私はオプション

DIV = headerID

ソート= = 1

ASC

値をソートしてページをロードする.LOAD（）を使用することになり、アラートをテストしていますか

DIV = headerID

ソート= DESC

値= 2

クリックした内容によって異なります。

私はすでに多くの可能soloutions

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

Answer 1

1を持っているもののデモ？

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

Answer 2

このような何かのここhttp://jsfiddle.net/hmeHn/1/

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セレクタでregexを使用することをお勧めします。 div [クラス* =ヘッダー]は良くありません。代わりに別のクラスを使用してヘッダーを区別してみてください。