jQuery UI對話框內部html不顯示

Question

我想在對話框中插入一個登錄表單。 現在顯示對話框，但是沒有表單！ 有什么幫助嗎？ 我在該網站上搜索了google和其他帖子，但沒有找到答案！

這是代碼：

 $('.dia').attr('title', 'LOGIN').text('Login to eWarsha').dialog({ autoOpen: false, modal: true, draggable: false, resizable: false, width: 600, height: 400 }); $('#cl').click(function() { $('.dia').dialog("open"); });

 <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> </head> <body> <input type="submit" id="cl"> <div class="dia"> <form class="dia login-form-dia" method="post"> <input type="text" id="si" name="leamil" placeholder="Email" maxlength="16"> <input type="text" id="si" name="lpassword" placeholder="Password"> <input type="submit" name="login" value="LOGIN"> </form> </div> </body> </html>

Answer 1

這是因為調用.text()方法時要替換.dia元素的內容：

$('.dia').attr('title', 'LOGIN').text('Login to eWarsha').dialog({ ... });

似乎您寧願使用以下內容代替該文本：

$('.dia').attr('title', 'LOGIN').prepend('<h2>Login to eWarsha</h2>').dialog({ ... });

..您可以只在HTML中指定title屬性，然后在其中添加所需的文本，而不是在其前面添加：

 var $dialog = $('.dia').dialog({ autoOpen: false, modal: true, draggable: false, resizable: false, width: 600, height: 400 }); $('#cl').click(function() { $dialog.dialog("open"); });

 <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> </head> <body> <input type="submit" id="cl"> <div class="dia" title="LOGIN"> <h2>Login to eWarsha</h2> <form class="login-form-dia" method="post"> <input type="text" id="si" name="leamil" placeholder="Email" maxlength="16"> <input type="text" id="si" name="lpassword" placeholder="Password"> <input type="submit" name="login" value="LOGIN"> </form> </div> </body> </html>

jQuery UI對話框內部html不顯示

問題描述

1 個解決方案

解決方案1
0 已采納 2015-02-01 18:44:16

jQuery UI對話框內部html不顯示

問題描述

1 個解決方案

解決方案1 0 已采納 2015-02-01 18:44:16

解決方案1
0 已采納 2015-02-01 18:44:16