Jquery切换错误地从页面中删除元素

Question

任何人都可以告诉为什么这可以正常添加和删除＆＃34; hover＆＃34;类到页面上的现有按钮：

$(".button").click(function () {
    $(this).toggleClass("hover");
});

但是当我尝试这样做时，我的按钮会显示内联＆＃34;显示：无＆＃34;标签贴在他们身上并从页面上消失？

$(".button").toggle(function () {
    $(this).addClass("hover");
},
function () {
    $(this).removeClass("hover");
});

我使用Jquery 1.11.1在Win7上运行，并且能够在FF，Chrome和IE中重新创建问题。

这绝对是一种学习练习，但真正感谢任何帮助。

Answer 1

我认为你误解了.toggle方法。 http://api.jquery.com/toggle/根据文档，它用于隐藏或显示元素。

Answer 2

应该采取的方式如下

$( ".button" ).hover(
function() {
    $(this).addClass("hover");
}, function() {
     $(this).removeClass("hover");
}
);