从jQuery代码内的Wordpress简码中获取URL

Question

我在Wordpress网站中有以下jQuery代码，在单击按钮后等待0.8秒，然后将网站重定向到window.location中编写的给定URL。

Wait before url is opened after button is clicked

$("#button").click(function() {

  setTimeout(function() {
    window.location = "https://www.w3schools.com";
  }, 800);

});

要使用WP GUI添加链接文本，我已经安装了“ Wordpress自定义全局变量”插件，并在front-page.php模板文件中获取了这样的链接文本：

<button id="button"><?php echo do_shortcode( '[global_variable variable_name="LINKTEXT"]' ); ?></button>

是否可以通过某种方式在[global_variable variable_name="LINKURL"] jQuery代码中获取window.location，以便可以从GUI维护链接？

Answer 1

在Wordpress页面上，您可以像这样定义JS变量。

<script type='text/javascript'>
    var sLink = '<?php echo do_shortcode( '[global_variable variable_name="LINKTEXT"]' ); ?>';
</script>

然后在您的函数中阅读它：

$("#button").click(function() {
  setTimeout(function() {
    window.location = sLink;
  }, 800);
});

注意：如果范围限制是问题，则可能只需要使用sLink而不使用var。我通常将这些属性添加到名为oViewBag或类似对象的对象中。确保其定义在正确的范围内。