Question

在此特定方案中找不到任何答案。 CMS：Joomla 我在页面上使用jquery来iframed来抑制中心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的解决方案，这可能有用，但是请注意我无法更改index.php文件中的html，我必须找到一些只在页面加载期间或之前更改的方法（对于页面加载iframe）任何帮助非常感谢！

以下是将用于iframing的页面示例（有时候类没有加载，我认为这是由于jquery启动时的闪烁/颠簸：link

Answer 1

如果您可以更改文档的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');

删除函数的JQuery闪烁

1 个答案: