Javascript I'；我试图在引导下拉菜单上实现一个点击事件

嗨，我有一个从数据库自动填充的引导下拉菜单。当我点击菜单中的一个项目时，我试图让事件发生。我试过了

$("body").on("click", ".ddBtnClick", function(event) { 
    console.log("Is it working? Yes!!");
});

“.ddBtnClick”是分配给列表中每个项目的类。但什么也没发生。 下面是从数据库填充列表的代码

$.getJSON("http://jeremiah.abrahamott.com/DadsCarsObjects.txt", function(data){
    $.each(data.aaData, function(i, option){
    $("#dropdownfill").append($('<li/>').append($('<a/>').attr("id", option.Year).attr("href", "#").attr("tabindex", "-1").addClass("ddBntClick").text(option.Make)))
    });
});

$.getJSON（“http://jeremiah.abrahamott.com/DadsCarsObjects.txt，函数（数据）{
$.each（data.aaData，函数（i，选项）{
$（“#dropdownfill”）.append（$（'
'）.append（$（'

您是否尝试过在

文档中包装Javascript。准备好了吗

$(function()
{
    $("body").on("click", ".ddBtnClick", function(event) {  
        console.log("Is it working? Yes!!");
    });
});

有关更多信息和示例，请参见jQuery

此外，您应该在实际按钮上注册单击事件，并使用
。单击（）
，而不是
。on（）
：

此外，您还有一个打字错误：

.addClass("ddBntClick")

应该是：

.addClass("ddBtnClick")

问题在于您的类名。您正在注册
ddBtnClick
的委派事件处理程序，但实际的类名是
ddBntClick

$("body").on("click", ".ddBtnClick", function(event) { 
    console.log("Is it working? Yes!!");
});

及

在构造过程中更改类名或更改事件委派

$(function()
{
    $("body").on("click", ".ddBntClick", function(event) {  
        console.log("Is it working? Yes!!");
    });
});

很高兴它帮助解决了你的问题。
$("body").on("click", ".ddBtnClick", function(event) { 
    console.log("Is it working? Yes!!");
});

.addClass("ddBntClick");

$(function()
{
    $("body").on("click", ".ddBntClick", function(event) {  
        console.log("Is it working? Yes!!");
    });
});