javascript - 使用 jQuery 将点击事件绑定(bind)到附加链接

Question

我有一个使用 jQuery 的 $.ajax 来检索数据的灯箱。

如果我没有返回任何数据，那么我会在我的列表中附加一条“未找到数据”消息，以及一个用于重置搜索参数的链接。基本上，我正在尝试将 .click() 事件添加到我附加的链接中。

问题是函数立即运行，而不是等待点击事件。

因此，当我执行此操作时，“未找到数据消息”短暂出现，然后被默认结果取代。

function getImages(/* parameters ... */) {
    // other code...
    // if no results:
    $('div#imageLightBox ul.thumbList').append('<li>Sorry, no images found. <a href="#" id="clearSearchLink">Clear search</a>.</li>');
    $('a#clearSearchLink').click(new function() {
        alert("clearSearchLink");
        // code that resets the search parameters ...
        getImages('', '', $('#lightBoxPageSize').val(), 1); // <-- calls the function that contains this code.
    });
};

Answer 1

click(new function() {

只是“功能”。

这是一个 function expression , 不是构造函数；大写 F 的‘new Function()’是显式的 constructor version ，您通常不想使用它，因为它在每次调用时都接受并评估一个字符串参数，这非常令人讨厌(而且速度较慢)。

发生的事情是函数表达式正在创建一个新函数，然后 'new' 运算符使用新创建的对象作为 this 调用它(这就是 new 确实如此)。