easyui datebox 在load事件下重复记载报错的问题！

[yfyu_csdn]

主页面javascript

$(function () {
$("#Button1").click(function () {                
       $("#main").load("../test1.aspx");
});
$("#Button2").click(function () {
       $("#main").load("../test2.aspx");
 });
});

主页面

 <div>
<input id="Button1" type="button" value="button1" />
<input id="Button2" type="button" value="button2" />
</div>
<div id="main">       
</div>

加载页面test1：

<div>
<span>日期：</span>
<input id="TextE" type="text" class="easyui-datebox" style="width: 220px;" data-options="editable:false" />
 </div>

加载页面test2：

<div>
<span>日期：</span>
<input id="TextS" type="text" class="easyui-datebox" style="width: 220px;" data-options="editable:false" />
 </div>

主要是用load方法去记载两个页面的内容，现在两个子页面只有datebox，出现错误如下：当点击button1时div #main中出现test1页面中的datebox，这时候无报错，再点击button2时div #main中出现test2页面中的datebox，将鼠标点击datebox文本框中，弹出了日期选择框，这时不选择任何日期，鼠标直接移去datebox文本框，IE报错，报错如下：

大致看了下，觉得可能是IE下datebox重复记载了日期选择框弹出层导致了IE报错，在火狐下不报错，可能是IE弹出层ID无法分配的问题，但是水平有限不知道怎么解决这个问题，求各位高手解决！

[Go 旅城通票]

你就是load而已？这样动态加载的html无法生成easyui的datebox控件吧。

        $(function () {
            $("#Button1").click(function () {
                $("#main").load("test1.txt", function () {  $('#TextE').datebox({}) });
            });
            $("#Button2").click(function () {
                $("#main").load("test2.txt", function () {  $('#TextS').datebox({}) });
            });
        });

[yfyu_csdn]

可以生成的，我那个图里面就生成了，其实这里面的datebox只是每一个子页面的部分内容，load是用来加载不同页面内容，每一个页面里面都有datebox的，所以才会出现上面的问题。

[scl555]

还有一点你要知道，easyui生成的控件是在body里面最下面，你如果用load方式，他会重复加载和生成easyui控件。二楼说的没错，你如果在子页面没有去调用easyui的js，他就不会进行初始化。要么调用$.parser.parse()方法，要么用$('#TextS').datebox({})。IE下报的错误就是说没有生成控件

[Go 旅城通票]

引用 2 楼 yfyu_csdn 的回复:

可以生成的，我那个图里面就生成了，其实这里面的datebox只是每一个子页面的部分内容，load是用来加载不同页面内容，每一个页面里面都有datebox的，所以才会出现上面的问题。

什么版本的easyui。。我这里1.4就没有你说的效果。动态加载的一般都不会重新渲框架ui的，只能调用api来渲染