Javascript url 代码不会触发 Wordpress 中的 bootstrap 模态

Question

我在 wp 后端菜单编辑器中添加了这个 link https://website.test/about/contact-us/?modal=example 并在输入此代码后检查了 link 一旦 link 在浏览器中输入。然而它没有用。

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

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

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

})(jQuery);
</script>

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

Answer 1

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

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

if(modal_param){
  // do stuff
}

Answer 2

原来我要找的url原来是这样的

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

Javascript url 代码不会触发 Wordpress 中的 bootstrap 模态

Javascript url code won't trigger the bootstrap modal in Wordpress

javascript

wordpress

twitter-bootstrap

bootstrap-modal