Question

所以我放弃了尝试保护我注入的脚本的jQuery UI来对抗世界上所有的CSS。我决定创建一个iframe。

当我点击工具栏按钮时，我在注入的脚本中有这个代码，看看iframe是否存在：

if($('#myiframe').length == 0) {
    $('body').append('<iframe src="' + safari.extension.baseURI + 'popup.html" id="myiframe" style="width: 400px; height: 500px; position: absolute; top: 0; left: 0; z-index: 100000;">');
    $('#content').append(strData);   
} else if($('#myiframe').is(':visible') == true) {
    $('#myiframe').hide();
} else {
    $('#myiframe').show();
}

如果#myiframe不存在，我将创建它。我使用popup.html作为我的iframe的src。在popup.html中，我有一个id为“content”的div。我的目标是将strData（一堆HTML数据）填充到带有append的#content中。这不起作用。

完美绘制iframe，根据我点击按钮打开和关闭。但是我无法附加strData。我知道可以做到，但我不知道怎么做。这里有一个漂浮的示例http://mg.to/test/dynaframe.html但是当我尝试这种方法时，下面的内容完全空白。救命啊！

Answer 1

您需要在CSS中使用自己的命名空间。如果你的类名与页面的类名相匹配，那么你会遇到一些冲突。像

这样的东西

.mynamespace_div_text

而不是div_text

Safari扩展修改iframe？

1 个答案: