JQuery использовать клавишу выхода, чтобы закрыть переключатель - PullRequest
Новая
       6

JQuery использовать клавишу выхода, чтобы закрыть переключатель

0 голосов
/ 10 мая 2010

2 части вопроса здесь ... У меня есть несколько DIV, которые используют простую функцию .click show () для отображения содержимого. Есть ли способ, которым я могу объединить их, чтобы обрезать мой код? Я не был уверен, потому что все они отображают 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; 
  });

2-я часть вопроса ... как я могу интегрировать аспект, что пользователь может просто нажать клавишу выхода, чтобы также пометить (или закрыть) отображаемое поле?

1 Ответ

3 голосов
/ 10 мая 2010

Для первой части: 

    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'). Click (), которая вместо этого вызовет щелчок по a.close.

...