JQuery проблема: попытка остановить анимацию после первого клика - PullRequest
Новая
       9

JQuery проблема: попытка остановить анимацию после первого клика

2 голосов
/ 12 ноября 2009

Jquery newbie здесь =), поэтому у меня есть код, который сдвигает div меню вправо, проблема в том, что я не хочу, чтобы меню продолжало делать анимацию после первого щелчка по любому из этих div. Я пытался вернуть ложь, но это не помогло. Вот код: 

$(document).ready(function(){

  $("#menu_home").click(function(){
    $("#menu_home").animate({"left": "+=419px"}, "slow");
      $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
      $("#menu_us").animate({"left": "+=210px"}, "slow");
      $("#menu_blog").animate({"left": "+=104px"}, "slow");

  });

  $("#menu_portfolio").click(function(){
    $("#menu_home").animate({"left": "+=419px"}, "slow");
      $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
      $("#menu_us").animate({"left": "+=210px"}, "slow");
      $("#menu_blog").animate({"left": "+=104px"}, "slow");
  });

  $("#menu_us").click(function(){
    $("#menu_home").animate({"left": "+=419px"}, "slow");
      $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
      $("#menu_us").animate({"left": "+=210px"}, "slow");
      $("#menu_blog").animate({"left": "+=104px"}, "slow");
  });

  $("#menu_blog").click(function(){
    $("#menu_home").animate({"left": "+=419px"}, "slow");
      $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
      $("#menu_us").animate({"left": "+=210px"}, "slow");
      $("#menu_blog").animate({"left": "+=104px"}, "slow");
  });

});

Ответы [ 2 ]

2 голосов
/ 12 ноября 2009

Вам следует ознакомиться с событием jQuery one () . Он будет срабатывать только один раз. 

 // bind event to each matched element
 $("#menu_home, #menu_portfolio, #menu_us, #menu_blog").one('click', function(){
    $("#menu_home").animate({"left": "+=419px"}, "slow");
    $("#menu_portfolio").animate({"left": "+=313px"}, "slow");
    $("#menu_us").animate({"left": "+=210px"}, "slow");
    $("#menu_blog").animate({"left": "+=104px"}, "slow");
    // unbind event so remainder of elements wont fire event
    $("#menu_home, #menu_portfolio, #menu_us, #menu_blog").unbind('click');
 });
1 голос
/ 12 ноября 2009

Вам нужно открепить событие клика от элементов. Вы, вероятно, хотите 

$("#menu_home, #menu_portfolio, #menu_us, #menu_blog").unbind('click');

в конце каждого метода.

...