Including a javascript file into a nested php file

Question

I am working with the following three files:

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>
//.............

My issue is that every time I click the "Extend" button (in menu.php), the event listener won't respond and it doesn't print to the console.

PS: I am new to php,and I am not sure if this is the right way to nest php files.

<button id="mover" type="button" >Extend</button>. The id is mover not move here. — Ankit Agarwal
– Ankit Agarwal, Commented Dec 30, 2017 at 6:56

Ankit Agarwal · Accepted Answer · 2017-12-30 06:58:03Z

1

You have to change the name of the button id from mover to move and then your javascript will work.

REPLACE

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

WITH

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

answered Dec 30, 2017 at 6:58

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Including a javascript file into a nested php file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related