Question

我是新来的。对编程，标记，Web开发都很新。我对HTML和CSS有一些基本的了解，但这是我第一次尝试使用jQuery / Javascript。

是否可以使用jQuery（或其他方式）

1-检测是否在给定页面上显示 class =＆＃34; iframe1＆＃34; 的iframe

2-如果确实存在，要使用 id =＆＃34; main-header＆＃34; 删除主导航栏？

我目前正在使用此自定义CSS来全局隐藏导航：

#main-header {
display:none !important;
}

然后使用它（例如）在各个页面上替换它：

.page-id-1350 #main-header {
display:block !important;
}

显然这不太理想，我非常希望自动化这个过程。

非常感谢，

克里斯

Answer 1

您可以使用以下jQuery代码来执行此操作：

if($(".iframe1").length > 0) // If .iframe1 exists
    $("#main-header").hide(); // Hide #main-header

或者，以相反的方式，保持您的CSS隐藏#main-header，然后在页面上没有.frame1时显示它：

if($(".iframe1").length == 0) // If .iframe1 does not exists
    $("#main-header").show(); // Show #main-header

Answer 2

您可以使用JavaScript执行此操作，代码如下：

<script>
// Place this at the end of the body
window.addEventListener("load", function(){
    var iframeTest = document.querySelectorAll("iframe.iframe1");
    var navBar = document.getElementById("main-header");
    if (iframeTest.length > 0) {
        navBar.setAttribute("style","display:none");
    }
});
</script>

如果......其他：如果iFrame存在，请将CSS应用于页面？

2 个答案: