显示DIV基于URL使用jQuery

-3

HTTP; // website.com/wp/

HTTP; // website.com/wp/tag/food

HTTP; // website.com/wp/tag/drink

展会div时页面是http; // website.com/wp/或http; // website.com/wp/tag/drink

当页面为时隐藏divHTTP; // website.com/wp/tag/food

不是一些包含某些参数或关键字，我希望在网址完全一致表现出来。

我想用jQuery处理一下而已，不是的JavaScript也不PHP（包括WP插件）

谁能帮助我？谢谢。

来源

2016-11-16 micks

jQuery是一个JavaScript库，换句话说它是JavaScript。无法在没有JavaScript的情况下使用jQuery。 –

请做一些研究如何解析URL的使用JavaScript。这并不难在网站和本网站找到。然后根据这项研究开始你的代码，如果你有真正的代码prblems回来，然后问问题。问题目前太宽泛，这不是一个代码写作服务 – charlietfl

您可以尝试这样的：

$(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 
    } 
});

来源

2016-11-16 04:19:09 vijayP

检查错别字 – charlietfl

@charlietfl - 你太快了... :)。更新了代码。 – vijayP

您可以使用window.location.href得到URL的值。然后，您可以使用.show()使元素与.hide()一起可见，以隐藏元素。例如，如果ID是元素foo，你可以对URL "http://website.com/wp/"做这样的事情：

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

来源

2016-11-16 04:20:42

切换的基础上location.pathname值的知名度和使用toggle()方法用于切换基于布尔值。

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

来源

2016-11-16 04:20:58

显示DIV基于URL使用jQuery

回答

相关问题