リンクをクリックするとダイアログを表示することができました。ダイアログ内で別のページのコンテンツをプルするにはどうすればよいですか?ダイアログ内に別のページを読み込む
答えて
jQuery load()メソッドはお探しのものですか?
あなたはjQueryのつまり・ロード・メソッドを介してファイルを呼び出すと、それはそれはそれは、ウィンドウのダイアログにドロップされたときにロードされたファイルからさらにコンテンツをロードする 可能です:
<script>
$(document).ready(function(){
$("#myDropZone").load("another-file.html");
});
</script>
このコードは、しなければなりません読み込まれたhtmlコンテンツから返されます。
BTMを使用すると、コンテンツをさまざまな方法で読み込むことができますが、自分が行っていることに気づくことができます。再帰的にファイルをロードしないでください。 ループと同じになります。
希望これは私がdiv要素に「その他のコンテンツ」をロードして、ダイアログとしてそのdiv要素を表示することで、過去にこれをやった
上記の関数は元のページまたはダイアログのhtmlに存在するはずですか?どのページがダイアログ内のイベントに応答するのか、ダイアログ自体、またはそれを呼び出すページはわかりません。 –
申し訳ありませんが、私は明確に書かなかった場合。私はあなたの最初の要求(ダイアログではない)によって呼び出されているページを意味します。 –
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="Scripts/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet"
type="text/css" />
<script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.8.16.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var UIDialogId = 0;
$('.UIDialogOpen').live('click', function (e) {
e.preventDefault();
alert(this.href);
UIDialogId++;
$('<div/>', {
'id': $(this).attr('data-dialog-id') !== undefined ? $(this).attr('data-dialog-id') : 'UIDialog' + UIDialogId,
'class': 'UIDialog'
}).appendTo('body').dialog({
title: $(this).attr('data-dialog-title') !== undefined ? $(this).attr('data-dialog-title') : 'Message',
position: ['center', 'center'],
modal: true, resizable: false, zIndex: 10000, autoOpen: true,
minWidth: $(this).attr('data-dialog-minwidth') !== undefined ? $(this).attr('data-dialog-minwidth') : '300px',
minHeight: $(this).attr('data-dialog-minheight') !== undefined ? $(this).attr('data-dialog-minheight') : '300px',
maxWidth: $(this).attr('data-dialog-maxwidth') !== undefined ? $(this).attr('data-dialog-maxwidth') : '300px',
maxHeight: $(this).attr('data-dialog-maxheight') !== undefined ? $(this).attr('data-dialog-maxheight') : '300px',
close: function (event, ui) {
$(this).remove();
}
})
.load(this.href);
//Or //Use .load(this.href); and comment or delete below append line.
//.append('<h1>Hi.. This is Testing </h1> <input type="button" class="UIDialogCancel" value="Cancel" /> <input type="button" class="UIDialogClose" value="Close" />');
$('.UIDialogClose, .UIDialogCancel').live('click', function (e) {
var obj = $(this)
e.preventDefault();
obj.parents('.UIDialog').dialog('close');
});
});
});
</script>
</head>
<body>
<a href="your url" title="test1" class="UIDialogOpen">test1</a>
<br />
<a href="your url" title="test2" class="UIDialogOpen">test2</a>
<br />
<a href="your url" title="test3" class="UIDialogOpen">test3 </a>
</body>
</html>
をtest1にhref uにリンクする必要があります。それは動作します。 – Thulasiram
あなたが他の私たちのサイトのURLを入れれば、うまくいきません。 – Thulasiram
- 1. 別のページをJQTouchに読み込む
- 2. AJAX読み込みページ内の別のページからdivを読み込み
- 3. jquery UIダイアログでページを読み込む方法
- 4. ページの読み込み中に読み込む
- 5. このナビゲーションインスタンスに別のページを読み込む
- 6. 別のページからdivにプレーンテキストを読み込む方法
- 7. jQuery "Modal Window"を読み込む前にページを読み込む前に?
- 8. ajaxを使わずに別のページにhtmlページの本文を読み込む
- 9. divにページを読み込むjQuery Mobile
- 10. バックグラウンドでページを読み込むには?
- 11. このダイアログがページを動的に読み込むときに、ダイアログJQuery UIを2回読み込む方法は?
- 12. IsolatedStorageの設定を別のページから読み込む
- 13. コピーして別のページにページの完全なHTMLを読み込む
- 14. 全体のページを読み込む
- 15. ページのコンテンツを読み込むOnclick - AJAX
- 16. jqueryを使用してdiv内のページを読み込む
- 17. ウェブサイト内の外部ページを読み込む
- 18. ページの読み込み時に毎回ページの読み込み
- 19. swf埋め込みswfファイルをaspxページに読み込む
- 20. PHPサーバーを読み込んだ後、別のhtmlページにデータを読み込む方法は?
- 21. フラッシュに読み込むページでxmlの読み込みがありますか?
- 22. cronジョブでPHPページを読み込む
- 23. すでにロードされているjqueryページ内にページを読み込む!
- 24. ページをIFrame内でのみ強制的に読み込む方法は?
- 25. ページがWebViewの読み込み中の進行ダイアログ
- 26. ページを読み込んだ後に画像を読み込む方法は?
- 27. ファイルをアップロード中にダイアログを読み込むダイアログを表示する
- 28. VEXダイアログにAJAX応答を読み込む方法
- 29. ページのすべての要素を読み込む前にChrome拡張機能を読み込む
- 30. 各フレームに特定のページを含むフレーム付きページを読み込む
ため
jQueryのドキュメント私はそれを閉じて再開することなく、さまざまなコンテンツをロードするためにダイアログウィンドウ上の参照を取得する方法がわからないです。 –
PS:ロードしてみたところ、うまくいきませんでした。 –
$( '#theDialog')のようなものを試してみてください。load( 'someOtherFile.html');リンクをクリックすると、リモートファイルの内容が表示されます。ファイルを読み込むにはさまざまな方法がありますが、これは最も単純です。 – Jab