Jquery BlockUI Iframe

Я хочу заблокировать элемент IFRAME, используя плагин BlockUI jQuery.Jquery BlockUI Iframe

Просьба привести пример, как это сделать.

2011-02-02 user587159

Clock ап IFrame ?? пожалуйста, улучшите свой вопрос, я не получу его ... –

@ user587159 - Вам нужно разместить свой код в своем вопросе, с которым у вас возникли проблемы. Без тебя невозможно помочь. –

Рассматривали ли вы просмотр документов BlockUI?

Я думаю, http://jquery.malsup.com/block/#element - это именно то, что вы хотите. Я не совсем уверен, что это работает, если iframe загружает внешний сайт, хотя, похоже, он модифицирует DOM элемента, а не просто создает наложение вне элемента.

источник

2011-02-02 07:32:13 ThiefMaster

спасибо за ваш ответ, я пытаюсь точно так же при загрузке внешнего сайта, с iframe, он не работает, можете ли вы предложить любую альтернативу для этого? – user587159

Я считаю, что это то, что вы после. Как объяснил ThiefMaster, вам нужно обернуть внешний элемент DIV вокруг iframe.

 <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.min.js перед тем jquery.block.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

Jquery BlockUI Iframe

ответ

Смежные вопросы