.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() { ... });