1

私はjqueryが初めてなので、これを行うためのヘルプ/ガイドがちょっと新しいです。HTMLタグを書くテキストボックスを手に入れました。今私がやりたいのはプレビューボタンです。テキストボックスから書かれたhtmlでjqueryレイヤー/ポップアップを開く必要があるので、それを見ることができます。このようなスクリプトを見つける場所を教えてくれる方法や、少し手伝ってくれる方法はありますか? これを検索しましたが、外部ソースで iframe を開く方法しか見つかりません。自分の html を iframe に渡す必要があります。

thx事前に

4

3 に答える 3

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() を使用することでした。

于 2009-08-20T09:11:54.767 に答える
0

さて、ID を持つ textarea 、IDtxtBodyを持つトリガー ボタン、およびダイアログに使用されるbuttonID を持つ空の div があるとしましょう。 次に、次のようにする必要があります。dialog

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

そのページに jQuery と jQuery UI を含めることを忘れないでください。

于 2009-08-20T08:15:01.043 に答える
0

iframe やポップアップを使用する必要は本当にありますか? http://jqueryui.com/demos/dialog/のような他のソリューションがあり、別の HTML ドキュメント要素を持つ必要はありません。または、そのために任意の要素を使用できます。

$("#target").html($("#source").html())
于 2009-08-20T07:01:37.993 に答える