【问题】
折腾easyUI期间，主页面是：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>xxx管理系统</title> <link rel="stylesheet" type="text/css" href="lib/easyui/themes/bootstrap/easyui.css"> <link rel="stylesheet" type="text/css" href="lib/easyui/themes/icon.css"> <link href="lib/default.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="lib/easyui/jquery.js"></script> <script type="text/javascript" src="lib/easyui/jquery.easyui.min.js"></script> <script charset="utf-8" src="lib/kindeditor/kindeditor-all.js"></script> <script charset="utf-8" src="lib/kindeditor/lang/zh_CN.js"></script> <script charset="utf-8" src="lib/kindeditor/ekindeditor.js"></script> ......</head><body> <div class="easyui-layout" style="width:100%;height:100%;"> <!--logo <div data-options="region:'north'" style="height:50px; font-size:33px; margin:0 auto;"> <span>校园派管理系统</span> </div>--> 。。。。。。 <div><a id="editGoods" class="easyui-linkbutton" style="width:100%">编辑商品</a></div>...... //编辑商品 $('#editGoods').bind('click', function(){ //$('#mainFrame').empty(); $('#mainFrame').panel('refresh','goods/editGoods.html'); }); 。。。。。。</body></html> |
写了个子页面，内容为：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <script> function submitGoodsContent() { var kindeditor = window.editor; // 取得HTML内容 html = kindeditor.html(); console.log(html); }</script><div class="easyui-panel" style ="height: 100%;" title="编辑商品"> <div> <p>商品名：<input type="text" value="新产品名1" id="goodsName" name="goodsName"/></p> </div> <form> <textarea name="easyui_editor" id="easyui_editor" class="easyui-kindeditor" style="width: 100%; height: 200px; ">在此输入新产品的介绍内容</textarea> </form> <button onclick="submitGoodsContent()">提交</button></div> |
然后加载子页面的时候，js出错了：
1 | 16:29:16.535 文档元素后丢弃的内容1 editGoods.html:12:1 |
点击后，定位到出错的地方：
但是实际上，此处的html代码是有效的：
后续操作中验证了这段代码是正常工作的。
【解决过程】
1.搜：
文档元素后丢弃的内容
参考：
jquery+tablesorter的append失败的问题。 – 对酒当歌，人生几何 – ITeye技术网站
暂时没有解决。
但是也不影响代码执行。