Нужно добавить дополнительное условие, но не знаю как...

[Светлана Г.]

Здравствуйте! Есть такая форма:

<form action='' method='post'><input type='text' name='' value='1' class='hidden' /><button type='submit' value='Купить' class='order'>Купить</button></form> 

После нажатия на кнопку "Купить" она меняется на "Удалить из корзины" и наоборот.

 

К форме применяется скрипт:

$(document).ready(function(){ $('.frmOrderModal form').ajaxForm({  success: function(responseText, statusText, xhr, $form){			   /*получение блока с информацией о товаре*/   var item = $form.parents('.catalogItem').first();   /*получение имени товара*/   var name = $(item).find('.name').text();   $('#modal-basket h1').text(name);   /*получение изображение товара*/   var image = $(item).find('.imageWr img').attr('src');   $('#modal-basket img').attr('src', image);   /*получение цены товара*/   var price = $(item).find('.price').text();   $('#modal-basket .price').text(price);   /*попап о добавлении товара*/   $('#modal-basket').dialog({    dialogClass: 'addTobasketMess',	modal: true,    resizable: false,    width: 415,    show: {     effect: "blind",     duration: 800    }   });  } });});

В результате показывается модальное окно. 

Задача: мне нужно, чтобы модальное окно показывалось только при условии, что нажали на кнопку с надписью - Купить. Т.е. нужно проверять надпись на кнопке.

Никак не могу это сделать. Пробовала брать значение $('button.order').text(); Но считываются все имеющиеся на странице значения (их несколько, т.к. это список товаров). Не знаю, как выбрать именно ту кнопку, на которую нажали.

[Galaxy]

как вариант создайте какую-то переменную , которая при нажатии будет по умолчанию false, а при нажатии становится true, и потом проверяйте на это условие 

[Светлана Г.]

Я не очень понимаю, какие происходят события при применении .ajaxForm()...

[Николя223]

Кнопке класс добавьте или id

 

И проверяйте при нажатии hasClass() или .is()

 

http://jquery-docs.ru/

вам в помощь )

Edited December 25, 2013 by Николя223

[Zverushka]

$(this) - это текущая форма, с которой отправляют сообщение - в ней и искать, например

$(this).find('button.order');

Наверное, также, стоит сделать проверку на существование такой кнопки в форме (вдруг будет другая форма).

if $(this).find('button.order').hasClass('order') {

  alert($(this).find('button.order').text());

}

Кажется $form и $(this) одно и тоже (можно заменить $(this) на $form).

Edited December 25, 2013 by Zverushka