我有以下表格:
<div id="divSignup">
<form method="post" name="signupForm" id="signupForm">
<input type="text" id="email" name="email" value="" class="email2"/>
<input type="hidden" id="SAMID" name="SAMID" value="" />
<input type="hidden" id="x_building" name="x_building" value="" />
<input type="hidden" id="x_street" name="x_street" value="" />
<div id="divSignupForm">
<cfinclude template="signup1.cfm">
</div>
</form>
</div>
带有提交按钮的模板使用<cfinclude>
标记动态加载。
在signup1.cfm的OnSubmit上,jQuery验证表单,然后更改表单名称和id属性,并再次使用自己的提交按钮加载新表单。
$('#divSignupForm').load('signup2.cfm',function(){
$('#signupForm').attr({'name':'signupForm2','id':'signupForm2'});
})
这一切在FF和Chrome和IE9中都很有用,但不适用于IE8。
在IE8中,它似乎加载新表单但不在指定的div中。它似乎正在加载BENEATH指定的div。当我用以下内容提醒div的内容时:
alert($('#divSignupForm').html());
我得到以下结果,它清楚地显示了加载内容上方的</FORM>
结束标记。 注意:所包含的模板都没有<form>
个标签。父级中只设置了单个表单标记。
它可能是IE8不喜欢的加载表单中的某些标记吗?可能的jQuery冲突?该网站也使用MooTools。