0

我有一个简单的网站,只有几个页面,包括“库存商”和“联系人”。我认为通过将这些设置为在主页加载时隐藏的 div 并在单击相应的菜单项时显示出来,使用 'onclick="showStockists()" 运行一个基本上只是更改 div 的函数,我认为我很棘手' 不透明度和 z-index。

这一切都有效,看起来很棒,但是当我意识到我不认为我可以从外部链接到这些“状态”时,我有点失败了,即:向某人发送指向库存商页面的链接。有没有办法让链接(例如 mysite.com/stockists)在页面加载时以某种方式运行“showStockists()”函数?还是我在做梦并且以一种非常复杂的方式做到了这一点。

如果有帮助,这就是我拥有它的方式(事实上,该功能还重新隐藏了侧边菜单,该菜单本身在页面加载时隐藏并由汉堡包显示,如果可见,则隐藏联系人“页面”) :

HTML:

<div class="menuItem" onclick="showStockists(); closeNav();">STOCKISTS</div>

JS:

function showStockists() {
sideMenu.style.visibility = "hidden";
stockists.style.opacity=1;
stockists.style.zIndex=2;
contact.style.opacity=0;
}
4

1 回答 1

0

您可以使用查询字符串执行此操作:mysite.com/?stockists=1

$( document ).ready(function() {
    var stockists = getParameterByName('stockists');
    if(stockists==1)
       showStockists();
});

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
于 2017-09-19T03:12:41.197 回答