1

我是 Jquery 的新手（从示例中学习）。我正在尝试创建一些分步教程，然后在最后显示 iframe 的常见问题解答。

我的主要问题是页面加载了我所有的 iframe（但隐藏了它们），因此加载页面大约需要 10-15 秒。

我希望能够通过仅单击按钮/文本来加载每个 iframe，不知何故我设法做到了（因为我的 URL 是相同的，只有 url 的 id 改变： http: //my.nanorep.com/小部件/widget.html?account=waze&kb=623233&onloadquestionid= ID )

编号：3490608或3490611

例如，当我单击忘记密码时，它会显示 iframe，但是当我再次单击它时，它会加倍，我不知道如何让它隐藏/删除/显示一次。

代码：http: //jsfiddle.net/ronvaisman/SKBWA

（它在网络下- >登录问题

谢谢你的帮助，罗恩

4

2 回答 2

3

以显示：

$('frameid').show();

隐藏：

$('frameid').hide();
于 2012-07-13T11:18:19.780 回答
0

这是我做的一个例子，它被证明作为这些类型的东西的起点非常有用。

 <!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>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Untitled Document</title>
 <script src="jquery.js"></script>
 <style>
 #click{ cursor:pointer;}
 .clickopen{ background-image:url(clickopen.png); background-repeat:no-repeat;}
 .clickclose{ background-image:url(clickclose.png); background-repeat:no-repeat;}
 </style>
 </head>

 <body>
 <div style="width:800px; margin:0 auto;">
 <div id="box" style="width:800px; height:100px; background-color:#000; display:none;">
 </div>
 <div style="width:800px; height:100px;background-color:#CCC;">
 <div id="click" style=" width:213px; height:27px;" class="clickopen">
 </div>
 </div>
 </div>
 <script>

var clickTrue = 0;

//show dialog

$("#click").click(function () {

     $('.clickopen').toggleClass("clickclose");


    $('#box').animate({
    opacity: 0.75,
    height: 'toggle'
    }, 400, function() {
    // Animation complete.
    });
 });

 </script>
 </body>
 </html>
于 2012-07-23T14:27:44.653 回答