1

私の問題：

ユーザーが列にカーソルを合わせると、ASCやDESCなどの並べ替えオプションにdivが変更されたときに、列のヘッダーとして機能するdivタグの行があります。ユーザーがオプションの1つをクリックすると、アラートがポップアップし、クリックオプションの値とdivクラス名が表示されます。

たとえば、ユーザーがASCをクリックした場合、descをクリックすると、headerIDASC1またはheaderIDDESC2というアラートがポップアップ表示されます。

私の人生のために、私はこれを理解することができません。現在、アラートでテストしています。次に、.load（）を使用して、並べ替えオプションを使用してページを読み込みます。

div = headerID

並べ替え=ASC

値=1

また

div = headerID

並べ替え=DESC

値=2

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

私がすでに持っているもののデモhttp://jsfiddle.net/hmeHn/1/

4

3 に答える 3

2

ここに多くの可能な解決策の1つ

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

于 2012-04-21T00:21:50.090 に答える
1

このようなもの？

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

于 2012-04-21T00:24:34.600 に答える
1

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]は良くありません。代わりに別のクラスを使用して、ヘッダーを区別してみてください。

于 2012-04-21T00:26:47.120 に答える