如何在自定义页面(url)加载/打开时隐藏div？

Question

在我的网页NicoComerc上，当您打开它时，有一个自定义的div位于左下角位置，用于显示“传统意大利面” - 在您打开的每个页面上都有一个女孩。 但是我希望在从左侧菜单打开此URL时隐藏该div。（该URL为> Производи > Потпалувачи）< - 抱歉，这是马其顿语......

那么是否可以做到这一点，如果可以...如何实现？

谢谢！

- Acidburns

Answer 1

是的，这是可能的。你可以通过检查URL是否符合某种模式来实现。在JavaScript中，一种方法是使用以下代码...

代码

<script type="text/javascript">   
    if(window.location.search == "?page_id=2762" || window.location.search == "?portfolio=perun" ) { 
        $('#devojka').css('display','none'); 
    } 
</script>

您在页面中调用脚本的时间过早。当执行$('#devojka')时，元素（devojka）尚未在页面中。

将脚本移动到页面底部或将代码包装到window.onload中。

<script type="text/javascript">   
    window.onload = function() {
        if(window.location.search == "?page_id=2762" || window.location.search == "?portfolio=perun" ) { 
            $('#devojka').css('display','none'); 
        }
    } 
</script>

关于window.location的更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Window.location

- Felipe Miosso

---

我的div id是“devojka”，我添加了你的代码，将“page_id=12”更改为我想要隐藏div的网址，但不起作用:S - Acidburns

Answer 2

您可以编写以下JavaScript/JQuery代码：

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?) (&|#|;|$)').exec(
             location.search)||[,""])[1].replace(/\+/g, '%20'))||null
}
$(function() {
    if (getURLParameter('portfolio') == 'потпалувачи-перун') {
        $('#id-of-div-to-hide').hide();
    }
});

- Sam G-H

---

我尝试了，将这些JS代码添加到主JS文件中，甚至将我的作品集重命名为“perun”，以便它不是西里尔文，但它仍然无法工作... :S - Acidburns

你遇到了什么样的错误？比如哪个部分没有工作？ - Sam G-H

Answer 3

<script>


$(function(){

var url = window.location.pathname;

if (url.toLowerCase().indexOf("portfolio=perun") >= 0){
$("#devojka").remove();
}

});
</script>

需要 JQuery，但你已经有它了

- Novkovski Stevo Bato

Answer 4

我会在菜单链接中添加一个查询字符串（/menu/item?hide_div=1）。然后你可以在服务器端或使用JavaScript检查字符串的存在。

- Chris Herbert