javascript - 通过 jQuery 通过内部按钮更改 iFrame 的页面

Question

您好，我的 default.vbhtml 页面下有这两个 iFrame，代码是:

<iframe class="iFrameLeft" src="Page_RequestPane.vbhtml"></iframe>
<iframe class="iFrameRight" src="Page_SKUSetup.vbhtml"></iframe>

我想要做的是，当我选择经销商并单击“复制 SKU 设置”按钮时，iFrame(SKU 设置通用)将更改为不同的页面。我的最终目标 iframe 是:

<iframe class="iFrameLeft" src="Page_RequestPane.vbhtml"></iframe>
<iframe class="iFrameRight" src="Page_Reseller.vbhtml"></iframe>

我所拥有的只是 jQuery 上的这个，但它是错误的:

$(document).ready(function () {
  $("button").click(function () {
    $('iframe').attr('src', 'Page_Reseller.vbhtml');
    return false;
  });
});

Answer 1

如果您只是尝试更改 iFrameRight 您的 jQuery 选择器应该是 $('.iFrameRight')

我对您的代码进行了一些修改。您可以在下面看到它。

   $(document).ready(function () {
      $("button").click(function () {
        $('.iFrameRight').attr('src', 'Page_Reseller.vbhtml');
        return false;
      });
    });