JQuery.prop( "disabled", false) не работает в Chrome

имеет проблемы с .prop( "disabled", false), он отлично работает в opera и firefox, но IE и chrome я не могу заставить его работать.

Фактически это форма заявки и им сделать кнопку отправки следующим образом

<input id="sendInvite" class="mail_send" disabled="disabled" type="button" name="invite" value="Send">

и вот css

.mail_send[disabled="disabled"] {background-color:#343434; color:#747474}

Так как вы можете видеть, что кнопка отключена, и вы не можете щелкнуть, вы должны сначала написать свое имя и почту после того, как эта кнопка будет удалена, и вы можете отправить почту. Для этого им код записи здесь: http://pastebin.com/8u23G90b

Но здесь что-то не так, в chrome и отключении IE никогда не удалялось из кнопки, im также загружает jquery 1.7.1

p.s извините за мой английский

Ответы

Ответ 1

Удалить атрибут:

$('button').removeAttr("disabled");

Подробнее см. . removeAttr() для более подробной информации

Ответ 2

Ваша проблема связана не с JQuery, а с вашими селекторами CSS. Атрибут отключен со ссылкой на значение по умолчанию, когда первая страница загружается, а не на самом деле отключен или нет.

Селектор CSS, который вы хотите, - : отключенный селектор:

.mail_send:disabled {background-color:#343434; color:#747474}

Вы можете увидеть пример с этот jsfiddle.

Ответ 3

У меня возникла аналогичная проблема, когда я использовал .prop( "disabled" , false), чтобы удалить отключенную кнопку "Сохранить". Отключено назначалось через .prop( "disabled" , true).

Но подождите, кто что - при попытке удалить это свойство (которое будет отображаться как отключенное в теге html), я обнаружил, что он выводится как class= "disabled" !

Для этого - я использовал .removeClass('disabled') Все, что я пытаюсь сказать, это то, что если все работает не так, как вам кажется, убедитесь, что их исходный результат - это то, что вы ожидаете.

Ответ 4

Попробуйте написать так:

$('myButton').prop("disabled", "");

Ответ 5

просто используйте кнопку и живите:

<button class="sendm">Send Email</button>

$(".sendm").live("click", function(e){
   var field1 = $("").val();
   var field2 = $("").val();

   if(field1 === "" || field2 === "" ){
    /// fake checker, you make this more robust etc
     return false;  // maybe do an alert here
   } else {
      //post form data and get json response
   }

});

 $(document).ready(function(){ $(".sendm").button(); });