jquery - JqueryUiダイアログでのHTMLタグの使用

Question

Jquery Ui Dialogを使用していますが、テキストの設定に問題があります。私はこのコードを使用してリンクを挿入しています：

$('#dialog').text(<a href=\"#\" >Click Here</a>).dialog();

ただし、リンクの代わりにコードとタグが表示されます。そこでタグを使用するにはどうすればよいですか？

Answer 1

text を使用する場合、その文字列をテキストとして扱うように jquery ui コアに正確に指示します。次のように単純に HTML を使用できます。

$('#dialog').html('<a href="#" >Click Here</a>').dialog();

Answer 2

ここでの問題はtext、有効なHTMLに必要な文字をエスケープするため、テキスト専用の関数を使用していることです。

代わりにhtml関数を使用する必要があります。これを使用すると、作業コードは次のようになります。

$('#dialog').html("<a href=\"\">Click Here</a>").dialog();

Answer 3

これを試して：

$("<a href=\"#\" >Click Here</a>").appendTo('body').dialog();

Answer 4

http://jqueryui.com/dialog/を確認してください 。テキストが表示される場所は次のとおりです。

<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

ドキュメント（http://api.jqueryui.com/dialog/）には、関数としての .text はありません