弹出对话框在html（）函数中不起作用

Question

我有一个div标签，可以用对话框动态填充。

<div id="f2"></div>

现在，在我的表单提交功能中，我给出了

$("#f2").html("<a href='#noncustomer' data-rel='dialog' data-transition='pop'>Thank you for your information. You will receive a call as soon as a representative is available</a>");

但问题是，弹出窗口没有显示。它只是将内容显示为纯文本..

有人可以告诉我如何弹出窗口吗？

Answer 1

尝试使用facebox模态插件http://chriswanstrath.com/facebox/

Answer 2

听起来你需要一个简单的jQuery模态插件。你可以尝试：

• SimpleModal
• jqModal

对于SimpleModal，在为#f2设置HTML后，只需在其上调用.modal()方法，它就会将内容显示为模式弹出窗口：

$("#f2").html("<a href='#noncustomer' data-rel='dialog' data-transition='pop'>Thank you for your information. You will receive a call as soon as a representative is available</a>");
$("#f2").modal();

您可能希望在CSS中包含以下样式以使背景变暗：

#simplemodal-overlay {
    background-color: black;
}

还包括用于显示说明中详述的close image的CSS类：

#simplemodal-container a.modalCloseImg {
    background:url(/img/x.png) no-repeat; /* adjust url as required */
    ...
}

希望这有帮助。