CSS добавлен из удаленного узла.js, но не применяется на HTML-странице

Question

Приложение, в котором я работаю, я динамически вызываю файл CSS с удаленного сервера, а со стороны удаленного сервера мы используем node.js, где файл загружается, но не применяет CSS на странице.

Когда я пытаюсь добавить путь, отличный от пути к серверу node.js, он работает правильно, и когда я добавляю немного CSS из javascript, это также работает.

Я попробовал следующий вариант

1. loadCSS = function (href) {var href = " http://192.168.0.64:3001/public/stylesheets/enduserchat.css"; var cssLink = $ (""); $ ("Голова") присоединять (cssLink). }; // не работает

2. $('head').append('http://192.168.0.64:3001/public/stylesheets/enduserchat.css" type="text/css" />') // (удаленная сторона node.js) не работает

3. $('head').append('http://demo23.easternenterprise.com/webrtc/css/chats.css" type="text/css" />') // работает (без узла js)

4. function loadjscssfile (filename) {var fileref = document.createElement ("link"); fileref.setAttribute ("rel", "stylesheet"); fileref.setAttribute ("type", "text / css") fileref.setAttribute ("href", " http://192.168.0.64:3001/public/stylesheets/enduserchat.css") document.getElementsByTagName ("head") [0].appendChild (fileref); } // не работает

Пожалуйста, помогите мне в этом.

Answer 1

Как я вижу, вы загружаете CSS после создания веб-страницы. Но изменения будут работать ПОСЛЕ обновления веб-страницы. Решение: на стороне сервера объедините все стили, javascript и html, и после этого верните его на сторону клиента.

Хорошего дня!