Question

There are number of questions on this and I tried them out.但是我遇到了以下锚标记的问题，该标记充当按钮。为什么链接点击事件没有调用函数？

尝试1：

<a href="#" class="btn" id="btnSubmit" data-type="submit">Submit</a>

尝试2：

<a href="javascript:void(0)" class="btn" id="btnSubmit" data-type="submit">Submit</a>

js code：

<script>
    $("#btnSubmit").click(function(){
        dbdata = <%=jsscripts()%>;  
        addAll(0, this);
    });
</script>
<script type="text/javascript" src="cart_Test.js"> </script>

注：

请注意，在DOM加载事件监听器下调用此特定js函数时效果很好。

更新

dbdata是一个数组，addall（）是cart_Test.js文件中定义的函数。看来，点击功能事件后脚本没有被触发。

<script type="text/javascript" src="cart_Test.js"> </script>

js的顺序：

<script>
    document.addEventListener("DOMContentLoaded", theDomHasLoaded, false);    
    function theDomHasLoaded(e) {
         //datepicker stuff
}
</script>

<script>    

    $("#btnSubmit").click(function(){    
});

<script type="text/javascript" src="cart_Test.js"> </script>

Answer 1

好吧，我正在添加一个答案，因为这是我解决它的方法。它可能是执行的顺序。

有一个jQuery UI datepicker的脚本片段。不知何故，它阻止了上述脚本，这些脚本应该是在此页面中运行的第一个脚本。

删除datepicker脚本（它可以是任何其他脚本，不一定是一个datepicker。）并调整执行顺序后，程序流程恢复正常，所有脚本都按预期触发。

如何使用不引人注目的JavaScript方法使用锚标记调用函数？

1 个答案: