在jquery弹出窗口中显示加载微调器

我正在使用jquery弹出窗口加载iframe中的外部页面。在jquery弹出窗口中显示加载微调器

现在我想显示加载微调器或加载栏图像，并在其工作时隐藏外部页面/ iframe，因此用户只能看到微调器。

可以这样做，如果是的话how.please帮助我。

下面是代码

<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>

三江源

来源

2011-06-07 Priya

也许这将有助于您

<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); 
    })

做

点击元素后会打开纺纱图像它打开some.php iframe。这是你期待的吗？

来源

2011-06-07 18:55:01 Someone

对不起，这不起作用。它不会弹出:( – Priya 2011-06-07 21:38:28

+1！@Priya，你必须添加jquery ui css和js到你的页面才能工作，并且在你第一次做时有点复杂它：1）http://jqueryui.com/download - 去这里取消选择'Dialog'以外的所有选项，然后点击[Download]。 2）将css，js和图像添加到您的网站。 3）在任何js导入之前，将页面的中的css导入，并在您的jQuery js导入后立即在页面的中导入jquery ui js文件。应该在那之后工作。 – BumbleB2na 2011-06-08 14:17:33

谢谢我所做的一切，但没有工作...无论如何，我想出了一种不同的方式..感谢您的帮助:) – Priya 2011-06-08 17:03:30

你可以使用一个jQuery插件。 Here are a few variations of a jQuery Modal（弹出）。我会用这个SimpleModal jQuery plugin at ericmmartin.com。它说，“加载”作为内容加载，我敢肯定这可以用加载微调图形覆盖。

来源

2011-06-07 17:33:09 BumbleB2na

谢谢，但那么我如何隐藏iframe，而其在后台工作。 – Priya 2011-06-07 17:54:00

它没有隐藏它。还有其他方法可以做到这一点，例如将所有内容加载到隐藏的div中，然后当内容被加载时，您可以将其添加到模式弹出窗口中。 – BumbleB2na 2011-06-07 18:02:38

在jquery弹出窗口中显示加载微调器

回答

相关问题