关于 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>
谢谢浏览!
作者:音乐让我说(音乐让我说 - 博客园)
出处:http://music.cnblogs.com/
文章版权归本人所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。