2013-03-07 98 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