Динамически добавленная таблица стилей учитывается, только если первая
Я динамически добавляю 2 таблицы стилей в WKWebView с загруженным локальным контентом с помощью loadFileURL.
Приложение какао вызывает следующий фрагмент javascript для добавления таблиц стилей.
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.type = 'text/css';
link.title = csstype;
link.href = cssSheetPath1;
document.head.appendChild(link);
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.type = 'text/css';
link.title = csstype;
link.href = cssSheetPath2;
document.head.appendChild(link);
Две таблицы стилей находятся в одном каталоге. Я могу загрузить либо первый, либо второй, но никогда оба. Если я пытаюсь загрузить оба, применяется только первый.
Любая идея, откуда может возникнуть проблема?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы должны запустить это дважды. Создайте функцию, а затем вызовите ее для обеих таблиц стилей.
const createLink = (cssSheetPath) => {
const link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.type = 'text/css';
link.href = cssSheetPath;
document.head.appendChild(link);
}
createLink('style1.css');
createLink('style2.css');
добавлен пример работающего кода: пример кодов и песочницы
Если вы не используете функцию, попробуйте использовать два разных имени var:
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.type = 'text/css';
link.title = csstype;
link.href = cssSheetPath1;
document.head.appendChild(link);
var link1 = document.createElement('link');
link1.setAttribute('rel', 'stylesheet');
link1.type = 'text/css';
link1.title = csstype;
link1.href = cssSheetPath2;
document.head.appendChild(link1);
Я не могу проверить это с помощью WKWebView.
вы определяете только один элемент ссылки в своем примере. Таким образом, вы перезаписываете его, когда пытаетесь использовать этот элемент для двух таблиц стилей.
Спасибо, я знаю, что это работает в браузере. Моя проблема связана с WKWebView, где он только один для первого. (если я их тоже поменяю местами)
проблема остается прежней
я нашел это -> ТАК ответ. Может быть, это помогает.
Это именно то, что я делаю, и что не работает, поэтому мой вопрос.