使用jquery显示基于url的div

rslzwgfq  于 2022-11-03  发布在  jQuery
关注(0)|答案(4)|浏览(189)

例如:
网站//website.com/wp/
网站//website.com/wp/tag/food
网站//website.com/wp/tag/drink
当网页为//website.com/wp/或http.www.example.com//website.com/wp/tag/drink
当网页为http; www.example.com时隐藏div//website.com/wp/tag/food
不像包含某些参数或关键字的东西,我想显示它时,网址完全匹配。
我只想用jquery来处理它,而不是javascript或php(包括wp插件)
有人能帮我吗?谢谢。

ryoqjall

ryoqjall1#

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

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

ghhkc1vu2#

您可以尝试:

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

z4bn682m3#

你可以使用window.location.href来获取URL的值。然后你可以使用.show()来使元素可见沿着使用.hide()来隐藏元素。例如,如果元素id是foo,你可以对URL "http://website.com/wp/"执行如下操作:

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

jdzmm42g4#

您可以尝试使用URL名称的Constance执行此操作。

if (window.location.href.indexOf("multi-step") > -1) {
    $("#navigation").show()
}

相关问题