JQuery对话框IE问题

请检查上面的链接以获取运行代码

我在IE中的JQuery对话框中遇到问题

我猜问题是因为有多个表单或div。 我的代码如下所示：

<div>
     <form>
           <table> ..... </table>

           <div id='dialog-form'>
             <form> </form>
           </div>

            <div>
                <table> .... </table>
            </div>
      </form>
</div>

---

谢谢你的帮助。谢谢。

为什么有嵌套表单？这不是合法的HTML，甚至没有意义。弄清楚如何删除嵌套表单，您的代码就会正常工作

为什么不试试下面的方法呢

<div>
     <form>
           <table> ..... </table>
            <div>
                <table> .... </table>
            </div>
      </form>
</div>
<div id='dialog-form'>
    <form> </form>
</div>

..... 
.... 

我很确定嵌套表单在HTML5中是合法的，但这不是重点。一旦对话框被初始化，它实际上就不会在另一个表单中，因为jQuery会将它移到主体中。@KevinB-没有HTML5不允许嵌套表单，但它有一些新功能，使这个“限制”更容易处理。请参见此处：即使jQuery将表单移动到其他位置，IE的DOM也会因嵌套表单的存在而发生逆转，从而导致未记录的行为。@user2414851-这应该很容易解决。@SpencerRuport您是对的。。。我不知道是从哪里学来的，我记得从说明书上读到过。@SpencerRuport-非常感谢您帮助解决这个问题。我是JQuery新手，我尝试了更新教程的这段代码。需要使它在IE 9中工作。查看您的代码，我看不到任何可能导致上述错误的东西，除非您在某个时候删除对话框的div，或者在您首次初始化对话框时它不存在。请检查IE10中的JSFIDLE链接。它在IE10中工作，而不是在IE9中。您有重复的ID。或者更准确地说，重复id的存在，无论你是否创建了它，我还不知道。

<div>
     <form>
           <table> ..... </table>
            <div>
                <table> .... </table>
            </div>
      </form>
</div>
<div id='dialog-form'>
    <form> </form>
</div>