Jquery BlockUI Iframe

私に例を挙げてください。

2011-02-02 user587159

時計AN iframe ??あなたの質問を改善してください、私はそれを取得しません... –

@ user587159 - あなたはあなたの問題に問題があるあなたのコードを投稿する必要があります。あなたがそれなしであなたを助けることは不可能です。 –

あなたはBlockUIのドキュメントを検討しましたか？

私はhttp://jquery.malsup.com/block/#elementと思っています。 iframeが外部サイトを読み込んだ場合にはうまくいくかどうかはわかりませんが、要素のDOMを変更し、要素の外にオーバーレイを作成するだけではないようです。

出典

2011-02-02 07:32:13 ThiefMaster

返信いただきありがとうございます。私は、iframeを使って外部サイトを読み込むこととまったく同じように試していますが、それは機能していません – user587159

私はこれがあなたの後にあると信じています。 ThiefMasterが説明したように、iframeの周りに外部DIV要素をラップする必要があります。

 <div id="iframeContainer" style="width:800;height:600px;"> 
    <iframe src="http://www.google.com" width="100%" height="100%"></iframe> 
</div>

<script type="text/javascript"> 
    $(function() { 
     $('#btn').click(function() { 
      $('#iframeContainer').block({ message: null }); 
     }); 
    }); 
</script>

出典

2011-02-02 08:52:30

jquery.block.js前スクリプトjquery.min.js、作業例が含まれています

<html> 
<head runat="server"> 
    <title>BlockUISample</title> 
    <script src="<%: Url.Content("~/Scripts/jquery-1.4.4.min.js") %>" type="text/javascript"></script> 
    <script src="<%: Url.Content("~/Scripts/jquery.blockUI.js") %>" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#btn').click(function() { 
       $('#iframeContainer').block({ message: null }); 
      }); 
     }); 
    </script> 
</head> 
<body> 
    <div> 
     <input type="button" id="btn" value="block"></input> 
     <div id="iframeContainer" style="width: 800; height: 600px;"> 
      <iframe src="http://www.google.com" width="100%" height="100%"></iframe> 
     </div> 
    </div> 
</body> 
</html>

出典

2011-08-01 07:44:39 iknowitwasyoufredo

-1

これが私の作品：

$(function() { 
     $('#btn').click(function() { 
     $.blockUI({ message: $('<iframe src="http://www.google.com" width="100%" height="100%"></iframe>' }); 
     }); 
});

出典

2013-04-12 11:38:19 fazni

答えて

関連する問題