我正在尝试通过按另一个按钮来定位我创建的按钮。我的代码在技术上是可行的,但由于我正在做的事情的大小,我试图将按下第二个按钮的功能放在另一个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 创建的按钮。
最佳答案
您应该将 on 绑定(bind)到 body,如下所示:
$("body").on("click", "#git", function(){
我相信这应该可以解决你的问题:)
关于javascript - 尝试定位由 JQuery 创建的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34120519/