將 javascript 文件包含到嵌套的 php 文件中

Question

我正在處理以下三個文件：

index.php
menu.php
move.js

菜單.php

//...........................
<button id="mover" type="button" >Extend</button>
<script type="text/javascript" src="js/move.js"></script>
//........................

移動.js

$("#move").click(function(){

    console.log("move");
    $("#container").animate({left: '5000px'}, "slow");
}); 

索引.php

//............
<figure>
<?php include ("menu.php"); ?>
</figure>

<script type="text/javascript" src="js/move.js"></script>
//.............

我的問題是，每次單擊“擴展”按鈕（在 menu.php 中）時，事件偵聽器都不會響應，也不會打印到控制台。

PS：我是 php 新手，我不確定這是否是嵌套 php 文件的正確方法。

Answer 1

您必須將按鈕id的名稱從mover更改為move ，然后您的 javascript 才能工作。

代替

<button id="mover" type="button" >Extend</button>
<script type="text/javascript" src="js/move.js"></script>

和

 <button id="move" type="button" >Extend</button>
 <script type="text/javascript" src="js/move.js"></script>