Question

我有一个jquery代码根据代码找到的记录数创建iframe，一个按钮可以重新调整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');
}

可以帮助我或者指出正确的方向，谢谢

Answer 1

您需要为每个帧指定唯一ID。目前，您的代码似乎始终创建具有相同ID的框架 - myframe

您可以在这行代码上使用$(this)来进行装饰：

$(this).attr("Height", "125%").addClass("selectedIframe");

Answer 2

您似乎需要在创建iframe时添加该类：

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

    }).appendTo('.content').addClass("selectedIframe");

而不是你现在在哪里（在点击处理程序中）。

Answer 3

您可以在创建元素时添加类和内容等内容，如果使用变量，则可以在以后的函数中引用元素：

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关键字。

Answer 4

尝试使用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');

向iframe添加一个类，然后选择该类来显示iframe

4 个答案: