trying to target a button created by JQuery

Question

I'm trying to target a button I've created by pressing another button. My code technically works, but due to the size of what I'm doing, I'm trying to put the function of the second button press in another js file. That where I'm running into problems. My code is below.

$("#webCoding").on("click", function() {
if ( $( ".webCodingID" ).length ) {
  return false;
  }
picture.attr("src", "img/webCoding.jpeg");
$(".target").empty();
$(".jumbotron").hide();
var buttonGroup = $('<div role="group" aria-label="...">').addClass('btn-group-vertical center-block')
var buttonPhilosophy =$("<button type='button'>").addClass("btn btn-default btn-lg").append("Design Philosophy")
var buttonStack =$("<button type='button'>").addClass("btn btn-default btn-lg").append("Visit My Stack Overflow Account")
var buttonGithub =$("<button type='button' id='git'>").addClass("btn btn-default btn-lg").append("Look at what I've been doing on Github")
var webCodingID =$("<div>").addClass("trainingID")
       $(buttonGroup).append(buttonPhilosophy).append(buttonGithub).append(buttonStack);
$('.target').append(buttonGroup).append(webCodingID);
// code for pressing created button is below.
 $("#git").on("click", function() {
   prompt("herro");
}); 
});

but I put this in another file (and get rid of the same code in the original js file), and nothing happens.

 $(document).ready(function(){
$("#git").on("click", function(){
  prompt("jungle boogie");
});

I can't figure out why. The js file is linked to my main page, I just can't get it to recognize buttons created by JS in another file.

Is the click-handler bound *after* the script creating the button runs? — David Thomas, Dec 06 '15 at 17:46
`$(".target").on("click","#git", function(){` - it is called delegation. This site is full of it — mplungjan, Dec 06 '15 at 17:47

score 1 · Accepted Answer · answered Dec 06 '15 at 17:47

1

You should bind the on to the body like so:

$("body").on("click", "#git", function(){

That should solve your problem I believe :)

answered Dec 06 '15 at 17:47

Chris

987
6
24

thank you sir, this will serve me well for the other 10 buttons I planned on making. – Eliezer Wohl Dec 06 '15 at 18:01
Beat you by 17 seconds ;) – mplungjan Dec 06 '15 at 19:47

trying to target a button created by JQuery

1 Answers1