无法找到javascript错误

Question

我的网站上有一个按钮但是当我点击时，它没有响应。但另一个按钮有效。我收到错误的按钮的位置（它没有响应我的点击）是一个引导对话框。但另一个引导程序对话框工作正常。我可以提出任何建议或解决方案吗？

以下是html代码

<button type="button" class="btncanceldocument btn btn-warning"  >
    Cancel Document
</button>

这是javascript代码

$(document).ready(function () {
    $('.btncanceldocument').click(function () {
        alert("Say hello");
    });
});

它有什么问题吗？如果不是我认为问题是在其他JavaScript代码上。那么如何使用我的浏览器找到问题呢？或者我的浏览器打印出一些错误？我在这个文件上有很多javascript代码。我无法找到问题或错误？

Answer 1

要回答您的问题，大多数浏览器都有内置的调试工具。我个人最喜欢的是Chrome。

如果您右键单击页面上的任意位置，然后选择“检查”，您将打开它。

这是一个可以帮助您的链接 - https://developers.google.com/web/tools/chrome-devtools/?hl=en

值得花一些时间了解这一点，因为从长远来看它会拯救你。

当您打开调试时，您将能够在控制台中运行JS代码，因此您可以使用以下方式手动触发您的点击：

 $('.btncanceldocument').click();

然后您将能够确保您的代码正常运行。如果用鼠标单击不起作用，有时可能是因为按钮实际上在透明元素后面。

在调试工具中，您还可以选择HTML元素，以便查看是否有东西阻止按钮。检查此问题的快速提示是，如果将按钮上的CSS z-index属性增加到较大值，例如'9999999999999'。这会将按钮“置于”页面的其他内容之上。

希望这会有所帮助，

皮特