JQuery閃爍刪除功能

在此特定情況下找不到任何答案。 CMS：Joomla 我在頁面上使用jquery，將iframed壓制包含在中央index.php頭類中的徽標，菜單項等。JQuery閃爍刪除功能

在頁面上下面的代碼進行的iframe作品okayish，但閃爍（通病右）：

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" 
      });

我看到身邊文件撰寫，它可以工作的一些解決方案，但是請注意，我不能更改index.php文件中的html，我必須找到一些方法，只在頁面加載期間或之前更改（爲頁面加載iframe）任何幫助非常感謝！

這裏是一個將用於iframing（有時類不加載，我認爲這是由於閃爍/顛簸時，在jQuery的踢的頁面的示例：link

來源

2016-02-05 Frank Ferdinand McGovern

這裏是iframed網頁上的樣品：https://theyogasite.com/v2/calendar/83/dublin-school –

你能改頁面的CSS？這可以解決你的問題。閃爍發生，因爲您正在等待，直到加載頁面，在您刪除元素之前。 ''jQuery（function（）{...}）;''是''jQuery（document）.ready（function（）{...}）的快捷方式;'' –

如果不能直接添加CSS到頁面通過javascript在頭文件中添加一個css標籤，但不要等待document.ready事件，只要在JavaScript加載後添加它，標題肯定已經存在了 –

如果你可以改變您的文檔的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');

來源

2016-02-05 13:33:22

感謝SSC，這似乎很難解決，我仍然與您的解決方案閃爍，注意我無法更改CSS，所以我試着你的第二個解決方案，並更新（這是在index.php）與那些文件在你提到，然後放置你提到的jquery $（''） .appendTo（ '頭'）;在inframed頁面中，但我得到了與以前完全相同的結果，.dropdown，.help顯示暫時 –

實際上忽略了我上面的SSC評論，它似乎實際上工作（主要），我只是有一個元素的問題 - 讓我繼續測試並回報 - 謝謝！ –

好吧，不幸的是虛驚一場， –

JQuery閃爍刪除功能

回答

相關問題