Question

我是jquery的新手，所以有点新的帮助/指南来做到这一点。我有一个文本框，我写了html标签。现在我想做的是一个预览按钮。它应该用我的文本框中的书面html打开一个jquery图层/弹出窗口，这样我就可以了。有没有一种方法可以指导我到哪里找到这样的脚本或者帮助我一点点？我已经搜索了这个，但我找到的是如何用外部资源打开iframe。我需要将自己的html传递给iframe。

事先提前

Answer 1

这对我有用：

<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="ui.core.js" type="text/javascript"></script>
<script src="ui.dialog.js" type="text/javascript"></script>

<input type="submit" value="Submit" id="button" />
<input  type="text" id="txtBody" />
<br />

<div id="dialog" style="display: none;">
</div>

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").val());
        $("#dialog").dialog().dialog("open");
    });
</script>

实际上，我错误地使用.html（）。正确的方法是使用.val（）。

Answer 2

您是否真的有必要使用iframe或弹出窗口？还有其他解决方案，如http://jqueryui.com/demos/dialog/，它们不会强制您拥有单独的HTML文档元素。或者您可以使用任何元素：

$("#target").html($("#source").html())

Answer 3

好吧，假设你有一个标识为txtBody的文本区域，一个标识为button的触发按钮和一个标识为dialog的空div，它将用于对话框。 /> 然后你必须这样做：

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").html());
        $("#dialog").dialog();
    });
</script>

不要忘记在该页面中包含jQuery和jQuery UI。

从iframe图层中的文本框位置获取内容

3 个答案: