Как удалить свойство hover для кнопки отправки с jquery?

Question

В документе готовой я отключала форму кнопки отправки только с

jQuery(document).ready(function ($) { 
//disable submit button 

$('input[type="submit"]').prop("disabled", true); 

Теперь в зависимости от текстового поля изменяется я включить/отключить кнопку отправки

$("#codetextfield").change(function() { 

     if (~$.inArray($(this).val().toLowerCase(), vouchersArr)) { 

      $('input[type="submit"]').prop("disabled", false); 
     } else { 
      $(this).val('Non valid'); 
      $('input[type="submit"]').prop("disabled", true); 
     } 
    });//end change 

Но эффект кнопки парения остается в силе и пользователь просто думает, что форма не реагирует. Итак, как я могу удалить эффект наведения кнопки?

Answer 1

Я думаю, что вы имеете в виду unbind, а не удалять:

$("input[type='submit']").unbind("mouseenter mouseleave"); 

Это будет заботиться о парении в целом.

PS: Если вы хотите, чтобы установить его, вы можете сделать это легко:

$("input[type='submit']").on(
    "mouseenter": function(){ 
     // Do something 
    }, 
    "mouseleave": function(){ 
     // Do something 
    } 
}); 

EDIT Если это все еще не для вас, вы всегда можете применять CSS на элементе, но я предлагаю вам привяжите класс или идентификатор к вашему элементу, чтобы он стал центром решения. Например, предположим, вы добавили класс не-hoverable.

jsFiddle

HTML

<form> 
    <input type="submit" class="hoverable" value="Hoverable"></input> 
    <br/><br/><br/> 
    <input type="submit" class="not-hoverable" value="Not Hoverable"></input> 
</form> 

CSS

.hoverable { 
    cursor: pointer; 
} 
.not-hoverable { 
    cursor: arrow; 
} 

Этот способ может быть применен к элементу, который Вы хотите на документ готов вот так:

$(".selector-for-the-submit-button-here").addClass("hoverable"); 
$(".selector-for-the-other-submit-button-here").addClass("not-hoverable"); 

Когда вы работаете с CSS и такими вещами, как WordPress, вы хотите убедиться, что ваши стили превышают WordPress, если WordPress сражается с вами. В крайнем случае добавить !important в конце вашего CSS заявление, чтобы обеспечить ваши правила будут работать следующим образом:

.hoverable { 
    cursor: pointer !important; 
} 
.not-hoverable { 
    cursor: pointer !important; 
}