2 
$('document').delegate('.seeMore a', "click", function() {
    var $allTabs = $(this).closest('.globalTabs').find('.allTabs');
    $allTabs.slideDown('slow'); 
});

DOM 要素は次のとおりです。

<div class="globalTabs">
    <ul>
        <li>
            <a>some link</a>
        </li>
        <li>
            <a>some link</a>
        </li>
        <li class="seeMore">
            <a>some link</a>
        </li>
    </ul>
    <div class="tabContent">
        some content
    </div>
    <div class="allTabs">
        mutliple links
    </div>
</div>

上記の関数は.each- にあるため、.globalTabsこの関数ごとに実行する必要があります。

しかし、ページに要素が1つしかない場合でも、要素がまったく見つからないように見えますが、seeMore aそれに関連付けられたイベントはありません(ビジュアルイベントを使用して決定します)。

考え？

( bind は機能しますが、 live は機能しません)。

4

1 に答える 1

4

document最初のセレクターでの引用符は必要ありません。

// v------v-------- 'document' should be an object, not a string
 $(document).delegate(".seeMore a", "click", function() { ... });
于 2012-10-25T16:55:50.637 に答える