0

コードが見つけたレコードの数に基づいてiframeを作成するjqueryコード、onclickでiframeのサイズを変更するボタン、iframeにクラスを追加して、iframeにクリックのみを表示できるようにしますの上。これは私が持っているコードですが、すべての iframe を表示し続けます

$("<iframe />" , {
        src: strTest,
        id: "myframe",
        width: '100%'       

    }).appendTo('.content');
    $("<button/>", {
      align: "center"
    })
    .text("Select Patient")    
    .click(function () { $("#myframe").attr("Height", "125%").addClass("selectedIframe"); }).appendTo('.content');
    $(".selectedIframe", window.parent).show();
  $("<hr />").appendTo('.content');
}

誰かが私を助けてくれるか、正しい方向に向けてくれますか

4

4 に答える 4

0

フレームごとに一意の ID を指定する必要があります。現在、コードは常に同じ ID のフレームを作成しているように見えます -myframe

$(this)このコード行で使用することで、それを冷やすことができるかもしれません:

$(this).attr("Height", "125%").addClass("selectedIframe");
于 2013-04-08T15:52:37.677 に答える
0

要素を作成するときにクラスやコンテンツなどを追加できます。変数を使用すると、後の関数で要素を参照できます。

var iframe = $("<iframe />" , {src    : strTest, 
                               id     : "myframe", 
                               width  : '100%', 
                               'class': 'myIframe'
             }),
    button = $("<button />", {style: 'margin: 0 auto; position: relative',
                              text : 'Select Patient'
             });

$('.content').append(iframe, button);

button.on('click', function() {
    iframe.css({height: '125%'}).addClass('selectedIframe');
});

$(".selectedIframe", window.parent).show();
$("<hr />").appendTo('.content');

classこの方法で使用する場合は、予約済みの JavaScript キーワードであるため、引用符で囲む必要があることに注意してください。

于 2013-04-08T15:56:04.180 に答える
0

onClick を使用してみてください:

var iframe = $("<iframe />" , {src    : strTest, 
                               id     : "myframe", 
                               width  : '100%', 
                               onclick: function(){ $(this).addClass('myIframe'); }
             }),
    button = $("<button/>", {style: 'margin: 0 auto; position: relative',
                             text : 'Select Patient'
             });

$('.content').append(iframe, button);

button.on('click', function() {
    iframe.css({height: '125%'}).addClass('selectedIframe');
});

$(".selectedIframe", window.parent).show();
$("<hr />").appendTo('.content');
于 2013-04-08T16:00:48.890 に答える