php - 将 PHP 插入外部 .js 文件

标签 php javascript wordpress

我需要能够将一些 PHP 插入到外部 .js 文件中。这可能吗?我使用基本 slider 创建了一个 slider ,需要将页面标题作为 slider 顶部的标记。

这是 .js 文件当前用于生成标记的代码。

var slidenum    = key + 1, 
var marker = $('<li><a href="#">'+ slidenum +'</a></li>'); 

我需要用 WordPress 函数“get_title”替换“+ slidenum +”。这可以用php代替吗?

最佳答案

您可以在您的 php 文件中定义 JS 变量,然后在您的外部 js 中使用这些变量。

例如,在您的一个 PHP 文件中,您可以添加:

<script type="text/javascript">
// variable1 = number
variable1 = <?php echo $var1; ?>;
// variable2 = string
variable2 = "<?php echo $var2; ?>";
</script>

对于你的问题:

<script type="text/javascript">
slidenum = "<?php the_title(); ?>";
</script>

the_title() 引用:http://codex.wordpress.org/Function_Reference/the_title

更新 - 循环:

<?php 
$slider_titles = array();
if ( have_posts() ) : while ( have_posts() ) : the_post(); 
  // your codes go here
  $slider_titles[] = get_the_title(); // adds the title to the array  
endwhile; endif;
?>

<script type="text/javascript">
slidenum = <?php echo json_encode($slider_titles); ?>;
</script>

当你的循环结束时,你添加 javascript 部分

关于php - 将 PHP 插入外部 .js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12780243/

相关文章:

php - 使用 Javascript 安全地查询 Solr

javascript - Angular 4/5 - 使用动态配置实例化服务

javascript - 上传前无法显示图片

javascript - IE11 无法获取未定义或空引用的属性 'value'

javascript - jquery-ui 自动完成问题

javascript - 如何创建显示当前网页屏幕截图的打印对话框

wordpress - 使用过滤器编辑 site_url

css - Chrome/Safari 中的侧边栏中未显示文本

php - mysql select where子查询慢

javascript - 在 Wordpress 页面上使用自定义 Javascript 更新 DIV 元素