Question

例如：

的http; // website.com/wp /

的http; // website.com/wp/tag/food

的http; // website.com/wp/tag/drink

当页面为http; // website.com/wp/或http; // website.com/wp/tag/drink
时显示div
页面隐藏div   HTTP; // website.com/wp/tag/food

不包含某些参数或关键字，我想在网址完全匹配时显示它。

我只想用jquery处理它，而不是javascript和php（包括wp插件）

任何人都可以帮助我吗？感谢。

Answer 1

您可以尝试：

$( document ).ready(function() {
    var currentURL = window.location.href; //grab the current window location

    var targetDiv = $("#myTargetDiv"); //change this as per your code

    targetDiv.hide(); //hide the div by defualt

    if(currentURL == "http://website.com/wp/" || currentURL == "http://website.com/wp/tag/drink")
    {
        targetDiv.show(); //show the div if matched the current location
    }   
});

Answer 2

根据location.pathname的值切换可见性，并使用toggle()方法根据布尔值进行切换。

$('#div').toggle(location.pathname == '/wp/' || location.pathname == '/wp/tag/drink');

Answer 3

您可以使用window.location.href获取网址的值。然后，您可以使用.show()使元素与.hide()一起显示以隐藏元素。例如，如果元素ID为foo，您可以为网址"http://website.com/wp/"执行以下操作：

if(window.location.href === "http://website.com/wp/")
    $('#foo').show();

使用jquery基于url显示div

3 个答案: