javascript - 在html页面中获取变量值并在外部js中使用它

Question

您好，您有一个显示 html 页面的 php 模板。其中有一个对 js 文件的调用，该文件初始化了一些 jquery 插件。

在模板上我有这段代码:

(function($) { 

 $(document).ready(function(){
     var adlow = <?php echo $jSeblod->disparities_tick_lower->value ?>;
     var adhigh = <?php echo $jSeblod->disparities_tick_upper->value ?>;
     var adtickno = <?php echo $jSeblod->disparities_tick_divisions->value ?>;

    });
})(jQuery);

然后在 init.js 页面上调用 adlow、adhigh 和 adtickno。 我收到可变的未定义错误。

PHP 正在返回正确的值。但是外部初始化文件没有得到它们。我需要做一些特别的事情来让初始化文件能够使用这些变量吗？ 我所做的只是将它们插入...

谢谢，我对这些页面之间的交互有点模糊。

Answer 1

它们需要是全局的，其他页面才能使用它们。尝试删除 var。或者给它们命名空间，这是更好的做法:

$(document).ready(function(){
    MYAPP = {};
    MYAPP.adlow = <?php echo $jSeblod->disparities_tick_lower->value ?>;
    MYAPP.adhigh = <?php echo $jSeblod->disparities_tick_upper->value ?>;
    MYAPP.adtickno = <?php echo $jSeblod->disparities_tick_divisions->value ?>;

   });