悬停样式不适用于复制的HTML

Question

我想添加一个节点，我成功了，但我没有将该节点的悬停功能复制到我的应用程序。悬停没有任何关系。我想运行与ie8。 这是我的html：

<div id="appendCell" style="color:green; color:red"> 
    <button>clickMe</button> 

</div> 

<div id="addedCell" class="btnStyle" style="display:none"> 
     clickBtn 
</div> 

这是我的CSS：

.btnStyle{ 
    width: 80px; 
    height: 20px; 
    background: orange; 

} 

.btnStyle:hover{ 
    cursor: pointer; 
} 

这是我的jQuery代码：

$("#appendCell").find("button").click(function() { //当点击后触发 
    $(this).before($("#addedCell").html()); 
}); 

Answer 1

你只复制的#addedCell的内容，不是它的课程等 - 所以你复制的内容没有.btnStyle类。考虑克隆整个DIV，然后取消隐藏它：

$("#appendCell").find("button").click(function() { 
    $(this).before(
    $("#addedCell").clone().removeAttr('id').show() 
); 
}); 

注意，我们还准备卸下克隆元素的id，因为ID必须在文档中是唯一的。

例子：http://codepen.io/paulroub/pen/uCnvD