【问题】
折腾easyUI期间,主页面是:
<!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>写了个子页面,内容为:
<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出错了:
16:29:16.535 文档元素后丢弃的内容1 editGoods.html:12:1
点击后,定位到出错的地方:
但是实际上,此处的html代码是有效的:
后续操作中验证了这段代码是正常工作的。
【解决过程】
1.搜:
文档元素后丢弃的内容
参考:
jquery+tablesorter的append失败的问题。 – 对酒当歌,人生几何 – ITeye技术网站
暂时没有解决。
但是也不影响代码执行。