找不到 JavaScript 错误

Can't find the javascript error

本文关键字：错误 JavaScript 找不到      更新时间：2023-09-26

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

以下是 html 代码

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

这是JavaScript代码

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

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

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

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

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

值得

花一些时间学习这一点，因为从长远来看，它会节省您。

打开调试后，您将能够在控制台中运行 JS 代码，因此您可以使用以下命令手动触发单击： 

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

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

在调试工具中，您还可以选择HTML元素，以便查看是否有内容阻塞了按钮。检查这一点的快速提示是，如果您将按钮上的 CSS z-index 属性增加到一个大值，例如 '9999999999999' .这将使按钮"位于"页面的其他内容之上。

希望这有所帮助，

皮特

相关文章：