1

私はJqueryを初めて使用します（例から学ぶ）。ステップバイステップのチュートリアルを作成し、最後にiframeを使用してFAQを表示しようとしています。

私の主な問題は、ページがすべてのiframeをロードする（ただし、それらを非表示にする）ため、ページのロードに約10〜15秒かかることです。

ボタン/テキストのみをクリックして各iframeをロードできるようにしたいのですが、どういうわけかそれができました（URLが同じで、URLのIDのみが変更されているため：http：//my.nanorep.com/ widget / widget.html？account = waze＆kb = 623233＆onloadquestionid = ID）

Id：3490608または3490611

たとえば、パスワードを忘れた場合はiframeが表示されますが、もう一度クリックすると2倍になり、一度非表示/削除/表示する方法がわかりません。

コード： http： //jsfiddle.net/ronvaisman/SKBWA

（ Webの下にあります->ログインの問題

助けてくれてありがとう、ロン

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 に答える