2 u013219899 u013219899 于 2015.07.25 19:09 提问

JQuery append() CSS样式丢失

今天遇到了一些奇怪的问题,append后,CSS样式丢失,各种无法解决。

<!-- Libraries -->
<link type="text/css" href="css/layout.css" rel="stylesheet" /> 
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/easyTooltip.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/hoverIntent.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/superfish.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/core/wide_admin/js/custom.js"></script>
<!-- End of Libraries -->
 <script type="text/javascript" >


        $(document).ready(function(){

            $.ajax({
            url:"Json_menuAction_findAll.action",
            type:"post",
            dataType:"json",
            success:function(data){
            alert(data.menuL.length);



            xxx="<div>"+
            "<h3><a href=\"#\" title=\"First slide\" class=\"tooltip\" >第一</a></h3>"+
            "<div>xxxxx</div>"+
            " </div> ";

            $(xxx).appendTo("#accordion");
            $("#accordion").trigger("create"); 

            }
        });

        });
        </script>   

图片说明
图片说明

2个回答

showbo
showbo   Ds   Rxr 2015.07.25 19:53

你这个是jqueryui,不是jquerymobile,出发父容器create事件无效,调用下accordion方法初始化就行

  $(xxx).appendTo("#accordion");
$("#accordion").accordion();
showbo
showbo 回复初阳暮雪: 你初始化过accordion?然后在添加进去的?那就没办法了,你的jqueryui版本太低了,要是1.9+以上有个refresh方法用于初始化后动态添加选项时用于刷新ui的。。不过也有办法,就是destroy原来的对象再初始化。$(xxx).appendTo("#accordion");$("#accordion").accordion('destroy').accordion();而且你的 xxx="<div>"+ "<h3><a href=\"#\" title=\"First slide\" class=\"tooltip\" >第一</a></h3>"+ "<div>xxxxx</div>"+ " </div> ";,去掉最外层的div,不需要
2 年多之前 回复
u013219899
u013219899 谢谢您,不过还是没有解决问题.
2 年多之前 回复
CSDNXIAON
CSDNXIAON   2015.07.25 19:20

JQuery玩转Css样式
jquery第十二期:CSS样式
Jquery修改CSS样式
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片