Javascript 单击自定义无结果文本时，Select2无法绑定事件

所以我使用select2并初始化它，但似乎无法将事件绑定到它

这里是html标记

<div class="form-group customer-select">
                        <select class="form-control select2" style="width: 100%;">
                            <option selected="selected">Alabama</option>
                            <option>Alaska</option>
                            <option>California</option>
                            <option>Delaware</option>
                            <option>Tennessee</option>
                            <option>Texas</option>
                            <option>Washington</option>
                        </select>
                    </div>

阿拉巴马州
阿拉斯加州
加利福尼亚
特拉华州
田纳西州
得克萨斯州
华盛顿

第一次尝试

            //Initialize Select2 Elements
        $('.select2').select2({
            "language": {
                "noResults": function(searchedTerm){
                    return "<a href='#' onclick='return showNewCustomerModalForm()' class='add-new-customer'  data-toggle='modal' data-target='#modal-default' style='cursor: pointer;'><i class='fa fa-plus'></i> Add New</a>";
                }
            },
            "escapeMarkup": function (markup) {
                return markup;
            }
        });

        function showNewCustomerModalForm() {
            alert(1);
        }

//初始化Select2元素
$（'.select2'）。选择2({
“语言”：{
“noResults”：函数（searchedTerm）{
返回“”；
}
},
“escapeMarkup”：函数（标记）{
返回标记；
}
});
函数showNewCustomerModalForm（）{
警报（1）；
}

当我单击“添加新”时，该警报的问题从未显示

第二次尝试

//Initialize Select2 Elements
        $('.select2').select2({
            "language": {
                "noResults": function(searchedTerm){
                    return "<a href='#' class='add-new-customer'  data-toggle='modal' data-target='#modal-default' style='cursor: pointer;'><i class='fa fa-plus'></i> Add New</a>";
                }
            },
            "escapeMarkup": function (markup) {
                return markup;
            }
        });


        $('.customer-select').on('click', '.add-new-customer', function () {
            alert(1);
        });

//初始化Select2元素
$（'.select2'）。选择2({
“语言”：{
“noResults”：函数（searchedTerm）{
返回“”；
}
},
“escapeMarkup”：函数（标记）{
返回标记；
}
});
$（'.customer select'）。在（'单击'，'上。添加新客户'，函数（）{
警报（1）；
});

---

有人能帮我在单击“添加新内容”时至少显示警报吗。提前谢谢

您可以尝试以下解决方案：

//初始化Select2元素
$（'.select2'）。选择2({
“语言”：{
“noResults”：函数（searchedTerm）{
返回“”；
}
},
“escapeMarkup”：函数（标记）{
返回标记；
}
});
$（文档）。在（'单击'，'上。添加新客户'，函数（）{
警报（1）；
});

阿拉巴马州
阿拉斯加州
加利福尼亚
特拉华州
田纳西州
得克萨斯州
华盛顿
可能是因为代码工作正常而导致语法错误，请检查浏览器控制台中的错误谢谢@Gurkanat提示。已经解决了：）这项工作我不明白为什么我的第二次尝试没有成功：）非常感谢@Bharatsing在回答时，我使用了
第二次尝试
代码，并对其进行了更改，使其成功。