Мерцание JQuery при удалении

Question

Мерцание JQuery при удалении

Не удается найти ответы на этот конкретный сценарий.
CMS: Joomla
Я использую jquery на странице, которая будет вставлена для подавления логотипа, пунктов меню и т. Д., Содержащихся в центральном классе заголовка index.php.

следующий код на странице, для которой создается iframed, работает нормально, но мигает (обычная проблема справа):

jQuery(function() {
jQuery('.help').remove();
jQuery('.dropdown').remove();
jQuery("header").css("height", "    0px");
jQuery("header").css("width", "0px");
jQuery(":header").css({
width: "0px",
height: "0px"});

Я видел некоторые решения вокруг document.write, которые могут работать, однако, пожалуйста, обратите внимание, что я не могу изменить HTML в файле index.php, мне нужно найти какой-то способ изменения только во время или до загрузки страницы (для iframe загрузки страницы)
любая помощь с благодарностью!

Вот пример страницы, которая будет использоваться для iframing (иногда классы не загружаются, я думаю, это из-за мерцания / тряски, когда jquery начинает работать: ссылка на сайт

0

css document.write joomla3.0 jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Если вы можете изменить код CSS вашего документа, добавьте в него следующие свойства стиля:

.help,
.dropdown {
display: none;
}
header,
:header {
height: 0px;
width: 0px;
}

Если вы не можете изменить CSS своей страницы, используйте следующий фрагмент для решения вашей проблемы (файлы должны быть включены в заголовок, прежде чем элементы будут загружены):

<head>
<script type="text/javascript" src="jquery.js"></script">
<script type="text/javascript" src="file.js"></script>
</head>

file.js (не в пределах $(document).ready()):

$('<style type="text/css">.help, .dropdown { display: none; } header, :header { height: 0px; width: 0px; }</style>').appendTo('head');

0