Кнопки не работают после перезагрузки тега AJAX Div - PullRequest
0 голосов
/ 15 ноября 2011

Когда кнопка нажата, скрипт завершает публикацию Ajax, а затем возвращает новый HTML-код в VAR divReload, который обновляет содержимое определенного тега div. У меня проблема в том, что после успешного обновления те же кнопки внутри этого div больше не работают. Есть мысли?

 <input type='button' class='all-boxes' value='All Boxes' submit-val='$ord_id' 
    single- rate='2' submit-wave='$select_wave'>

 <script type=\"text/javascript\">

\$(\".all-boxes\").live(\"click\", function() {

   var uccId = \$(this).attr('ucc-val');
   var orderId = \$(this).attr('submit-val');
   var singleRate = \$(this).attr('single-rate');
   var waveId = \$(this).attr('submit-wave');

   var imgBox = \"#img-box-\"+orderId;
   var textBox = \"#text-box-\"+orderId;
   var divReload = \"#div-\"+orderId;

\$(imgBox).fadeIn(500);

    \$.ajax({
               url: '/cgi-bin/sys/prod/DC/rate_quote_test/rate_quote5.pl/',
               type: 'POST',
               data: 'single_rate=' + singleRate +'&wave_number=' + waveId + 
                     '&single_ord_id=' + orderId + '&single_ucc_id=' + uccId,

               success: function(result) {
                \$(divReload).html(result);
                var alertReload = \"#alert-me-\"+orderId;
                \$(alertReload).toggle();
                alert(\$(alertReload).html());
            }
  });

        return false;

});

";

1 Ответ

1 голос
/ 15 ноября 2011

Вам нужно будет либо заново присоединить события щелчка после обновления формы новым div, либо использовать .live() привязку события метод jQuery.

UPDATE

Похоже, вы уже используете .live() В этом случае возвращаемая информация о кнопке, вероятно, не соответствует селектору $(".all-boxes").

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...