Question

我想要一个带有javascript函数的Jquery对话框，它显示了一个成分列表（成分来自数据库，这就是为什么我在js函数中有它）。我有一个按钮：

<div id="dialog">
    //WANT showKeyIngredients() to show up in here, the dialog box
</div>
<div id="confirm-dialog">
    <a href='#' class="buttonstyle2" onclick="showKeyIngredients();">
        Browse
    </a>
</div>

这是我的jQuery：

$(function () 
{
    $("#dialog").dialog({
        autoOpen: false,
        bgiframe: true,
        autoOpen: false,
        resizable: false,
        minHeight: 250,
        width: 700,
        height: 250,
        modal: true
    });

    $("#confirm-dialog").click(function () 
    {
        $("#dialog").dialog("open");

    });
});

我道歉这可能是非常混乱的，因为我是jQuery的新手并且只是完全复制和粘贴东西。我甚至不确定这是否可行。我一直在研究各地，但没有找到任何东西。我想要的只是我的showKeyIngredient（）函数显示在对话框中。 html中的onclick根本没有显示在对话框中。

http://jqueryui.com/dialog/

我喜欢这里的对话框，但希望我的showKeyIngredients（）函数显示在其中。并弹出一个弹出此对话框的按钮。

Answer 1

非常粗略和准备好的答案，但这是你要找的那种东西吗？：

$("#dialog").dialog();
$("#dialog").html('<div> Some element with showKeyIngredients returned stuff </di>')

更加充实： http://jsfiddle.net/npj3xbk8/

您可以将.html（）文本替换为您从showKeyIngredients返回的内容。（为了简单起见，我也删除了所有对话框设置，但它们只能添加回来）

Answer 2

您想要的任何内容都显示在对话框的正文中，只需将其放入段落（<p></p>）标记中。

试试这个：

<div id="confirm-dialog">
  <p>
    <a href='#' class="buttonstyle2" onclick="showKeyIngredients();">
        Browse
    </a>
  </p>
</div>

或

<div id="dialog">
  <p>
    <a href='#' class="buttonstyle2" onclick="showKeyIngredients();">
        Browse
    </a>
  </p>
</div>

我也在很多地方的网站上使用过这个对话框。你不需要做任何额外的事情。

工作Fiddle。

Jquery对话框中显示的Javascript函数

2 个答案: