Einschließlich einer Javascript-Datei in eine verschachtelte PHP-Datei

Question

ich mit den folgenden drei Dateien arbeite:

index.php 
menu.php 
move.js 

menu.php

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

move.js

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

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

index.php

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

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

Mein Problem ist, dass jedes Mal, wenn ich auf den „Extend“ -Taste (in menu.php), wird der Ereignis-Listener nicht reagieren und es auf die Konsole wird nicht gedruckt.

PS: Ich bin neu bei PHP, und ich bin mir nicht sicher, ob dies der richtige Weg ist, um PHP-Dateien zu verschachteln.

Answer 1

Sie müssen den Namen der Schaltfläche id von mover zu move ändern und dann wird Ihr Javascript funktionieren.

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

MIT

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