jquery - .delegate 和 .closest 的问题

Question

$('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 都应该运行该函数。

但似乎根本找不到元素，即使页面上只有一个元素，seeMore a 也没有任何与之关联的事件(使用视觉事件来确定)。

想法？

(我应该提一下，bind 可以工作，但 live 不行)。

Answer 1

document 不需要引号。在第一个选择器中:

// v------v-------- 'document' should be an object, not a string
 $(document).delegate(".seeMore a", "click", function() { ... });