代码改变世界

关于 JQuery 的克隆

2011-05-16 16:06  音乐让我说  阅读(570)  评论(0编辑  收藏  举报

当一个元素,比如:Div,如果它应用了下面的样式:
.hide{display:none;}
那么,当以它为模板克隆时,克隆出来的 div 将不会显示在页面中,即使你 移除了 hide 样式,并且手动调用 jquery 的 show 方法也不会显示。
完整的例子是:

<style type="text/css">
.paymentSysTemplate
{
	display:none;
}
</style>

<tr class="paymentSysTemplate">
<td>
标题
</td>
</tr>

<div id="container"></div>

<script type="text/javascript">
function CloneElement()
{
var items = $(".paymentSysTemplate").clone(true).removeClass(".paymentSysTemplate").show();
$("#container").before(items);
}
</script>

应该这样:

<style type="text/css">
.paymentSysTemplate
{

}
</style>

<tr class="paymentSysTemplate" style="display:none;">
<td>
标题
</td>
</tr>

<div id="container"></div>

<script type="text/javascript">
function CloneElement()
{
var items = $(".paymentSysTemplate").clone(true).removeClass(".paymentSysTemplate").show();
$("#container").before(items);
}
</script>

谢谢浏览!