Почему мое событие не запускается в первый раз?

Question

$(document).ready(function() { 
    $('.raj').click(function() { 
     if (!$(this).hasClass('already')) { 

      $('.infos').html(''); 

      $('.infos').hide("fast"); 

      $.ajax({ 
       type: "POST", 
       dataType: "json", 
       url: "ggg/hhh/rrr.php", 
       success: function (msg) { 
        $('.infos').html(msg['ats']); 
        arr = msg['valid']; 
       } 
      }); 

      $('.infos').show("slow"); 

      if (arr == 1) { 
       $(this).css("cursor", "default"); 
       $(this).addClass('already'); 
       $(this).animate({ 
        opacity: 0.1 
       }, 1000); 
      } 
     } 
    }) 
}) 

Когда я нажимаю элемент с классом raj (это изображение), ничего не происходит. Только после того, как он будет нажат второй раз, мое событие, похоже, срабатывает. Почему это происходит?

редактировать: эта часть задрачивал до:

if(arr == 1) 
{ 
    $(this).css("cursor", "default"); 
    $(this).addClass('already'); 
    $(this).animate({ 
     opacity: 0.1 
    }, 1000); 
} 

Но msg['valid'] действительно всегда один, так что я не понимаю.

Answer 1

Мне интересно, не так ли?

$(document).ready(function() { 
    $('.raj').click(function(){ 
     var thisObj = $(this); 
     if(!$(this).hasClass('already')) 
     { 
      $('.infos').html(''); 
      $('.infos').hide("fast"); 
      $.ajax({ 
       type: "POST", 
       dataType: "json", 
       url: "ggg/hhh/rrr.php", 
       success: function(msg) { 
        $('.infos').html(msg['ats']); 
        arr = msg['valid']; 
        $('.infos').show("slow"); 

        if(arr == 1) { 
         thisObj.css("cursor", "default"); 
         thisObj.addClass('already'); 
         thisObj.animate({ 
          opacity: 0.1 
         }, 1000); 
        } 
       } 
      });   

     } 
    })    
}) 

Похоже, что из-за того, что как-то трудно читать отступление, оно было неуместным.

Edit:

Дополнительная информация: Аякса вызов асинхронно. Это означает, что arr не устанавливается в 1 в первый раз, но во второй раз это происходит из-за того, что обратный вызов был запущен уже (мое единственное объяснение для этого)

Answer 2

попробуйте запустить заявление, если (обр == 1) внутри AJAX обратного вызова (функция успеха)

Answer 3

Вы знаете, что ваш «аранжировка» установлен в функции пост, и что выполняется после проверки. ...

Ваш запрос ajax не является синхронным, вы только настраиваете браузер, который хотите выполнить ajax-запрос, но никогда не знаете, когда он будет выполнен.

Именно поэтому он работает во второй раз, с тех пор был выполнен запрос ajax.

Answer 4

Все начиная с $('.infos').show("slow"); и далее запускается после отправки запроса Ajax, но до ответ был получен, и таким образом до функция успеха запустилась.

Это означает, что arr не установлен в первый раз и установлен только во второй раз, потому что вы сделали его глобальным.

есть все, что должно произойти в ответ на данные, поступающих от сервера произойдет внутри функцию успеха, и не забудьте использовать var ключевое слово, чтобы сохранить ваш локальные переменные.

Answer 5

Лучший способ - иметь firebug и иметь точку останова и проверить, как происходит поток. Вы можете легко решить этот подход.

Если это не работает, попробуйте нажать кнопку «Вживую», чтобы у вас не было проблем с привязкой.

Answer 6

Вы должны добавить свою часть f-cked в свойство «success» запроса AJAX. В другой руке arr равен 0 в первый раз.

 var that = $(this); 

     $.ajax({ 
      type: "POST", 
      dataType: "json", 
      url: "ggg/hhh/rrr.php", 
      success: function (msg) { 
       $('.infos').html(msg['ats']); 
       arr = msg['valid']; 

       $('.infos').show("slow"); 

       if (arr == 1) { 
        that.css("cursor", "default"); 
        that.addClass('already'); 
        that.animate({ 
        opacity: 0.1 
        }, 1000); 
       } 

      } 
     });