Итак, я отказался от попыток защитить пользовательский интерфейс jQuery моего введенного скрипта от всех 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. В popup.html у меня есть div с идентификатором «content». Моя цель - вставить strData, которая представляет собой набор данных HTML, в #content с добавлением. Это не работает.
iframe нарисован отлично, открывается и закрывается в зависимости от того, нажал ли я на кнопку. Но я не могу добавить strData. Я знаю, что это можно сделать, но я не знаю как. Здесь есть один пример: http://mg.to/test/dynaframe.html, но когда я попробовал этот метод, содержание под ним стало полностью пустым. Помогите!