1

Iframe 内に外部ページをロードする jquery popup を使用しています。

ここで、読み込み中のスピナーまたは読み込み中のバーの画像を表示し、動作中に外部ページ/iframe を非表示にして、ユーザーにスピナーのみが表示されるようにします。

はいの場合、どうすればできますか。助けてください。

ここにコードがあります

    <script type="text/javascript">
    $(document).ready(function () {

        $("a#em4c").bind("click", function () {
            $("#popup2").bPopup({ content: 'iframe', contentContainer: '#pContent', loadUrl: "http://site.com" });
            return false
        });

    });
</script>

html 部分

<p><a id="em4c"><strong>POP ME</strong>: Simple jquery popup that loads a page   inside an iframe</a></div>

ありがとうございました

4

2 に答える 2

2

これはあなたに役立つかもしれません

<form>
Your input elements 
</form>
<div id="dialog1" title="Waiting" style="display:none">
<img src="/spinning.gif" border="0" align="left" hspace="12"/> Place all your text here   
<iframe id="iframe1" src="" width="100%" height="100%"></iframe>
Place all your Text 
</div>

これを document.ready に書きます

$("#dialog1").dialog({
                autoOpen: false,
                height: 150,
                weight: 50,
                resizable: false,   
                modal: true 
            });

//要素をクリックすると、この方法で実行できます

$("a#em4c").bind("click", function () {
        $('#dialog1').removeAttr('style');
        $('#dialog1').dialog('open');
            var url ="some.php";
            $('#iframe1').attr('src',url);
    })

要素をクリックすると、回転する画像が開きます。その後、iframe で some.php が開きます。これはあなたが期待していたものですか？

于 2011-06-07T18:55:01.327 に答える
1

jQuery プラグインを使用できます。jQuery モーダル(ポップアップ)のいくつかのバリエーションを次に示します。ericmmartin.com でこのSimpleModal jQuery プラグインを使用します。コンテンツが読み込まれると「読み込み中」と表示されますが、これは読み込み中のスピナー グラフィックで上書きできると確信しています。

于 2011-06-07T17:33:09.417 に答える