Question

我有这个变量template="<div>...</div>"

我想在对话框中显示这个html代码：

<div id="dialog" title="Basic dialog">
    <p id="templates"></p>
</div>

<script>
    $("#templates").html(template);
    $( "#dialog" ).dialog({
       height: auto,
       width: 800,
       modal: true,
       // ...
    });
</script>

但它不起作用。

如何将自定义html附加到对话框中？

Answer 1

这应该适用于您的目的：

function PopModal(StuffToAppearInModal) {
              $('<div>' + StuffToAppearInModal+ '</div>').dialog({
              height: auto,
              width: 800,
              modal: true,
                });
            }

从变量中删除“head”和“html”标记，并将其命名为：

 PopModal("hey this is going to appear in my <font color='Red'>modal</font>.  html controls work, too like this: <input type='text' id='tbTest'/>");

Answer 2

您可以使用wireframes或在没有<html><head>...</head></html>的情况下附加代码，因为它被确定为网页。

Answer 3

只有有效的html内容才会被解释为html函数内的参数。如果没有，它将被过滤。在您的示例过滤器中，只在内容中留下“...”。

有关其他（有效）的html内容，请参阅example。

var template="<table style=\"border:solid red 2px;\"><tr><td><u>Test</u></td></tr></table>";
$("#templates").html(template);
...

如何使用jquery在对话框中附加html代码

3 个答案: