PHP and JQuery Function Calling Repeated

Question

I am writing a program that calls a PHP function inside a Jquery script. The code works for the first time around but when I attempt to use the same PHP again it doesn't work.

Here is the code:

$("#left").click(function() {
    $("#Left").text("You chose to go left");
    $("#Right").remove("#Right");
    $("#result").html("<?php left(); ?>");
});

$("#right").click(function() {
    $("#Left").remove("#Left");
    $("#Right").text("You chose to go Right");
    $("#result").html("<?php right(); ?>");
});

$("#fight").click(function() {
    $("#Fight").text("You chose to fight");
    $("#Run").remove("#Run");
});

$("#run").click(function() {
    $("#Fight").remove("#Fight");
    $("#Run").text("You chose to run");
});

Left and Right work just fine, but fight and run don't work for someone reason.

I'm voting to close this question as off-topic because it is a possible duplicate of http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements — Arun P Johny, Oct 06 '15 at 03:39
`$("#Right").remove("#Right");` is the same as `$("#Right").remove();` — Arun P Johny, Oct 06 '15 at 03:39
The elements are being created on the same page through PHP. i.e I have — , Oct 06 '15 at 03:44
can you share the html sample... also place the script in a dom ready handler and try — Arun P Johny, Oct 06 '15 at 03:45
I made a JSFiddler. It works but it displays the PHP code [JSFiddle](http://jsfiddle.net/goznsv6a/) — , Oct 06 '15 at 03:48
instead of copying the PHP code... copy the generated html... ie go to view source in the browser and copy the html and the script — Arun P Johny, Oct 06 '15 at 03:49
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/91440/discussion-between-arun-p-johny-and-dexstrum). — Arun P Johny, Oct 06 '15 at 04:02

score 0 · Accepted Answer · answered Oct 06 '15 at 03:48

0

the problem is with event delegation change your code like this,

$(document).on("click","#left",function() {
    $("#Left").text("You chose to go left");
    $("#Right").remove("#Right");
    $("#result").html("<?php left(); ?>");
});

$(document).on("click","#right",function() {
    $("#Left").remove("#Left");
    $("#Right").text("You chose to go Right");
    $("#result").html("<?php right(); ?>");
});

$(document).on("click","#fight",function() {
    $("#Fight").text("You chose to fight");
    $("#Run").remove("#Run");
});

$(document).on("click","#run",function() {
    $("#Fight").remove("#Fight");
    $("#Run").text("You chose to run");
 });

answered Oct 06 '15 at 03:48

Niranjan N Raju

12,047
4
22
41

Works just fine. Thank you – Oct 06 '15 at 03:58
we have just changes click function's delegation.. and it shud work – Niranjan N Raju Oct 06 '15 at 03:58
Works great. Is there a particular reason my method wasn't working? – Oct 06 '15 at 04:00
the problem is with delegating the click event. read this, you ll understand better rather than me explaining it,http://stackoverflow.com/questions/9122078/difference-between-onclick-vs-click – Niranjan N Raju Oct 06 '15 at 04:09

PHP and JQuery Function Calling Repeated

1 Answers1