如何在JS文件中插入Php变量

时间:2014-02-22 03:57:54

标签: javascript jquery wordpress

我在my next wordpress project中使用了背景幻灯片。

我正在使用redux框架作为选项面板。

我想使用JQuery UI Spinner示例1来控制滑块的速度。

如何将php变量插入滑块的js文件?

以下是代码:

var cbpBGSlideshow = (function() {

    var $slideshow = $( '#cbp-bislideshow' ),
        $items = $slideshow.children( 'li' ),
        itemsCount = $items.length,
        $controls = $( '#cbp-bicontrols' ),
        navigation = {
            $navPrev : $controls.find( 'span.cbp-biprev' ),
            $navNext : $controls.find( 'span.cbp-binext' ),
            $navPlayPause : $controls.find( 'span.cbp-bipause' )
        },
        // current item´s index
        current = 0,
        // timeout
        slideshowtime,
        // true if the slideshow is active
        isSlideshowActive = true,
        // it takes 3.5 seconds to change the background image
        interval = 3500;
}

我想做这样的事情

interval= redux variable name

由于

2 个答案:

答案 0 :(得分:1)

您不能在.js文件中设置PHP变量,除非您的服务器将.js文件解析为PHP(它不应该因为在99%的情况下这是一个非常糟糕的想法)。

其中一个选项是在加载JS脚本之前(但在head或body标记内)在PHP文件的脚本块中定义JS变量,然后在脚本中使用该变量。它很简单:

var myJSInterval = <?php echo $myPHPInterval; ?>;

然后在剧本中:

interval = myJSInterval;

请注意,如果您使用字符串执行此操作,则需要在其周围加上引号。如果你想要更复杂的东西,你可能想要使用JSON。

答案 1 :(得分:0)

使用以下语法:

 <script>
    var interval = <?php echo $php_Variable;?>;
 </script>