2013-03-07 58 views
4

使用jQuery代碼:的jQuery如何刪除UI狀態懸停

<script type="text/javascript"> 
    $("#dform").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons: { 
     'Submit': { 
     text : "Submit", 
     class : "gbutton", 
     click: function() { 
      ... 
     } 
     }, 
     'Cancel': { 
     text : 'Cancel', 
     class : 'gbutton', 
     click: function() { 
      ... 
     } 
     } 
    } 
    }); 

    $("a") 
    .click(function(event) { 
     $("#dform").dialog("open"); 
     $('button').removeClass("ui-button"); 
     $('button').removeClass("ui-widget"); 
     .... 
     $('button').removeClass("ui-state-hover"); 
     } 
    }); 
</script> 

但是在按鍵的鼠標懸停樣式按鈕改爲UI狀態懸停。如何清除ui-state-hover?我期望ui-state-hover添加jquery代碼,但我不知道如何關閉它。

+1

如果你只是想改變外觀,編輯CSS。 – 2013-03-07 03:24:54

回答

4

我找到了解決辦法

$("button").mouseover(function() { 
    $(this).removeClass("ui-state-hover"); 
    }); 
+1

that works ..雖然你應該使用$(this),所以它隻影響你當前的目標元素 – 2013-03-07 03:38:14