Question

这里有两个问题...我有几个DIV使用一个简单的.click show（）函数来显示内容。有没有办法可以将这些组合起来修剪我的代码？我不确定，因为他们都在显示具有唯一ID的DIV。

$('a#hmo-blue-lnk1').click(function() {
    $('#hmo-blue1').show();
    return false;
  });

$('a#hmo-blue-lnk2').click(function() {
    $('#hmo-blue2').show();
    return false;
  });

$('a#hmo-blue-lnk3').click(function() {
    $('#hmo-blue3').show();
    return false;
  });

我通过这个片段关闭它们：

$('a.close').click(function() { 
     $('#hmo-blue1').hide();
     $('#hmo-blue2').hide();
     $('#hmo-blue3').hide();

     return false; 
  });

问题的第二部分...我如何整合用户可以点击转义键的方面来同时（或关闭）显示的框？

Answer 1

第一部分：

    for (i=1; i<=3; i++)
    {
           $('a#hmo-blue-lnk'+i).click(function() {
                 $('#hmo-blue'+i).show();
                 return false;
           });
    }

第二部分。

$(document).keypress(function(e) { 
    if (e.which == 27) {
          for (i=i; i <=3; i++)
          {
                 $('#hmo-blue'+i).hide();
          }
    }
});

您也可以将隐藏功能更改为for循环，然后通过执行$（'a.close'）来调用它而不是关闭。单击（）这将调用a.close上的单击。

jQuery使用转义键来关闭切换

1 个答案: