我在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
由于
答案 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>