时间戳

首页 > 解决方案 > 如何为打开 iframe 链接创建直接链接

wordpress - 如何为打开 iframe 链接创建直接链接

问题描述

我被困在为 iframe 页面项目链接创建 WordPress 菜单链接 - 这就是我们在 iframe 中打开链接所使用的方法

<a href="https://..." target="iframe-id">Open in iFrame</a>

我想将此链接提供给我的 WordPress 菜单链接之一。我该怎么做？请指导。谢谢！

标签： wordpressiframe

解决方案

你可以试试这个：

jQuery(document).ready(function($){
  $(document).on('click','[target="iframe-id"]',function(){
    $("#load-iframe").attr('src', $(this).attr('href')).show();
  });
});
iframe{
  width:100%;
  height:450px;
  display:none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="https://www.lipsum.com/" target="iframe-id">Open in iFrame</a>

<!-- Put This Somewhere on the page -->
<iframe id="load-iframe" src="">
  <p>Your browser does not support iframes.</p>
</iframe>

推荐阅读