javascript - 我必须复制这个功能吗？ -jQuery

Question

我正在使用此函数为基于网络的移动应用程序在当前 div 上创建一个透明的信息叠加层。

背景:使用 jQTouch，所以我有单独的 div，而不是单独的页面加载新内容。

$(document).ready(function() { 
    $('.infoBtn').click(function() {
        $('#overlay').toggleFade(400);
        return false;    
     });
 });

了解当我单击第一个 div 上的按钮时 JS 将按顺序运行，该功能工作正常。当我转到下一个 div 时，如果我单击同一个按钮，则显示此 div 时不会“发生”任何事情，但如果我返回到第一个 div，它实际上会在此页面上触发它。

所以我在逻辑上复制了这个函数并更改了 CSS 选择器名称，它对两者都有效。

但是每次使用我都必须这样做吗？有没有一种方法可以使用相同的选择器，但在每个变体中加载不同的内容？

Answer 1

这样的东西行得通吗？我假设您想要的是让不同的按钮在不同的覆盖 div 上调用 toggleFade。

function makeOverlayHandler(selector) {
    return function() {
        $(selector).toggleFade(400);
        return false;
    }
}

$('button selector').click(makeOverlayHandler('#overlay1'));
$('another button selector').click(makeOverlayHandler('#overlay2'));

您还可以将 makeOverlayHandler 的 selector 参数更改为 jQuery 对象而不是选择器，并像这样调用它:makeOverlayHandler($('#overlay1 ')).