JavaScript $("#ID").click(function () {｝点击没反应

<a class="btn btn-primary" id="registerVari"><i class="fa fa-plus"></i>&nbsp;XXX</a>

$("#registerVari").click(function () {
    alert("1");
    console.log("s");
    $("#variModal").modal({
        backdrop: "static"
    });


});

第一次记录错误：

     以上js代码出现了没有作用的情况，在页面中点击相应按钮无反应，在网上收了很多，最后觉得问题应该出在没有成功绑定click事件，将以上代码更改为

$(document).ready(function() {
    $("#registerVari").click(function () {
        alert("1");
        console.log("s");
        $("#variModal").modal({
            backdrop: "static"
        });


    });
});

即可正常运行。

......记录后第二天：将点击事件绑定方法改成οnclick=“function（）”也可以正常运行