-2

一致した href="#element" に対応する要素をクリックすると非表示および表示される一連の投稿で wp と対話する JavaScript でクイック関数を作成しています。

関数は次のように実行されます。

1) 動的に追加された投稿タイトルの 1 つをクリックします。ここで、タグに投稿タイトルの href 値があります。

2) 基本的にそれを表示し、前の子プロジェクトを非表示にするために、上記の動的に追加された要素の href 値と一致する id を持つ、その下の対応する非表示プロジェクト。

今、私は純粋なjavascriptだけでこれをやろうとしていますが、本当に面倒で長くなり始めています。jquery api にこれを支援する優れたツールがあるかどうか疑問に思いましたか?

ありがとう、

4

1 に答える 1

0

私があなたの質問を正しく理解していれば、jQueryで次のことができます。

<h1 class="buttonHeader" data-divider="#dividerId1">Test</h1>
<h1 class="buttonHeader" data-divider="#dividerId2">Test 2</h1>
<div class="myDivider" id="dividerId1"><p>Content</p></div> <!-- Not sure what href is used for? -->
<div class="myDivider" id="dividerId2"><p>Content 2</p></div>

$(document).ready(function() {
    $('h1.buttonHeader').click(function() {
        // Get data attribute from clicked header
        var correspondingDiv = $(this).attr('data-divider');
        // Hide any open 'myDivider' dividers
        $('.myDivider').hide();
        // Display the corresponding divider
        $(correspondingDiv).show();
    })
})

なぜhref属性を使用しているのかよくわかりません。

編集：JSFiddle。

編集：必要がなかったので、ループを削除しました。

于 2013-02-12T12:38:46.327 に答える