Question

我所拥有的并且我需要做的正常工作是当我在“开始页面”并点击这样一个按钮时：

PAGE-1

<a href="/PAGE-2/" data-iframe-src="http://myappwebsite/resourcesiframe?shopId=3366&type=image&max-levels=1&point=A" class="map-button">Point A</a>

它应该将我发送到“另一个页面”，我在其中加载一个iframe从网址中获取每个变量（shopID，类型，最高级别和点数）并以这种方式像iframe一样打印：

页-2

<iframe id="frame" src="http://myappwebsite/resourcesiframe?shopId=3366&type=image&point=A" width=“XXX" height=“XXX"></iframe>

我已经使用了这个javascript代码段，但无论如何，我根本无法正常使用它。

$(".map-button").click(function (e) { 
e.preventDefault(); 
$("#frame").attr("src", $(this).attr('data - iframe - src'));
});

我只需要从data-iframe-src获取变量并在iframe中使用它们，但我无法...问题是我在不同的页面加载元素，所以我不知道这对URL变量有何影响。

Answer 1

我在这里为我的问题创建了一个简单的解决方案，它对我有用。

首先，我将这个简单的iframe放在我的PAGE-2中：

add_filter('upload_dir', array(&$this,
    'replace_content_url'
));

public function replace_content_url($content)
{
    $old = site_url();
    $new = CDN_URL;
    if (!empty($new) && is_admin) {
        $content = str_replace($old, $new, $content);
    }

    return $content;
}

然后在PAGE-1中我使用了这种类型的链接：

<iframe id="frame" src="" width="100%" height="auto" frameborder="0" scrolling="yes"></iframe>

所以现在我的PAGE-2正确加载URL中的这些参数。然后我在Javascript中使用了这个简单的代码片段来填充我在PAGE-2中的iframe：

https://myappwebsite/page-2?shopId=1234&type=image&max-levels=1&point=A

它有效！现在我可以使用我的所有参数转到PAGE-2，选择它们并在空白iframe中的SRC中使用它们。

感谢您让我走上正确的道路！

动态更改iframe SRC

1 个答案: