2014-02-22 27 views
0

我在my next wordpress project中使用背景幻燈片。如何在JS文件中插入Php變量

我正在使用選項面板的redux框架。

我想使用JQuery UI微調器示例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 

感謝

回答

0

使用此語法:

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

你不能在.js f中設置一個PHP變量ile除非你的服務器將.js文件解析爲PHP(這不應該是因爲它在99%的情況下是一個非常糟糕的主意)。

其中一個選項是在加載您的JS腳本(但位於head或body標籤內)之前,在PHP文件的腳本塊中定義一個JS變量,然後在腳本中使用該變量。它是那樣簡單:

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

然後在腳本:

interval = myJSInterval; 

請注意,如果你這樣做對字符串,你需要把它周圍的報價。如果你想要更復雜的東西,你可能想使用JSON。