Question

我试图通过jquery在hover事件上实现div的行为。这是我的代码

var content = $('<div class="container col-xs-12 content"> ...some content... </div>');

content.hover(
     function () { 
         /* on enter handler */ 
         $(content).css({'border': '2px solid #add7f5'});
     },
     function () {             
         /* on leave handler */                   
         $(content).css({'boder': 'none'});
});

第一个处理程序正在运行，并且样式应用于内容。虽然调用了第二个回调（在离开处理程序上），但它的样式不会应用于div，因此不会删除边框。使用Inspector（chrome和FF），虽然我已经调用了.css（{'border'，'none'}），但我可以看到第一种风格仍在那里。为什么应用第一种样式而不是第二种？ Thx提前。

Answer 1

看起来像一个简单的拼写错误 - boder：

$(content).css({'boder': 'none'});

应该是

$(content).css({'border': 'none'});

Answer 2

var content = $('<div class="container col-xs-12 content"> ...some content... </div>').appendTo("body");
content.hover(
     function () { 
         /* on enter handler */ 
         $(content).css({'border': '2px solid #add7f5'});
     },
     function () {             
         /* on leave handler */                   
         $(content).css({'border': 'none'});
});

jquery .css（）没有在悬停上工作

2 个答案:

DEMO

DEMO(CSS Only)