Question

我试图按下我按下另一个按钮创建的按钮。我的代码在技术上有效，但由于我正在做的事情的大小，我试图将第二个按钮的功能按在另一个js文件中。我遇到问题的地方。我的代码如下。

$("#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");
}); 
});

但我把它放在另一个文件中（并删除原始js文件中的相同代码），没有任何反应。

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

我无法弄清楚原因。 js文件链接到我的主页面，我只是无法识别JS在另一个文件中创建的按钮。

Answer 1

你应该像这样绑定身体：

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

那应该解决你的问题我相信：）

试图定位由JQuery创建的按钮

1 个答案: