Javascript url 代码不会触发 Wordpress 中的引导模式答案

【问题标题】：Javascript url code won't trigger the bootstrap modal in WordpressJavascript url 代码不会触发 Wordpress 中的引导模式
【发布时间】：2021-08-21 03:10:36
【问题描述】：

我在 wp 后端菜单编辑器中添加了此链接https://website.test/about/contact-us/?modal=example，并在我输入此代码后检查了链接，一旦在浏览器中输入链接，该链接应该会打开引导模型。但是没有用。

这是我在底部</footer> 标签下的<script> 中添加的javascript 代码。

<script type="text/javascript">
(function($) {

$(document).ready(function() {
 if(window.location.href.indexOf('/?modal=example') != -1) {
   $('#exampleModal').modal('show');
 }
});

})(jQuery);
</script>

每次我尝试在另一个页面中刷新或键入 url 时，它都不会加载/打开模式。我的代码有什么问题？

【问题讨论】：

标签： javascript wordpress twitter-bootstrap bootstrap-modal

【解决方案1】：

您可以尝试使用URLSearchParams() 来检查查询参数。

const params = new URLSearchParams(location.search),
      modal_param = params.get('modal'); 

if(modal_param){
  // do stuff
}

【讨论】：

【解决方案2】：

其实我找的网址是这样的

https://website.org/about/contact-us?modal=example

【讨论】：