时间戳

首页 > 解决方案 > 尽管控制台中没有错误，但 Javascript 功能无法正常工作

javascript - 尽管控制台中没有错误，但 Javascript 功能无法正常工作

问题描述

我是 javascript 新手，我正在研究一个简单的函数。我试图让一个按钮在点击时重定向到另一个网页，我试图通过 javascript/jquery 实现它。尽管我在控制台中没有收到任何错误，但由于某种原因，这些功能根本不会触发。我也利用了alert来测试，连alert都没有出现。任何帮助表示赞赏。所有文件都正确链接到 HTML 文档。注释掉的代码是我的 javascript 尝试，但也没有用。

//document.getElementById("updateB").onclick = function() {updateButton()};
 $("#updateB").click(function() {
 updateButton()});


function updateButton() {
alert("Working");
window.location.href = "http://www.w3schools.com";
}

function deleteButton() {
window.location.href = "http://www.w3schools.com";
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td><button class ="buttonUpdate" id="updateB">Update</button></td>
<td><button class="buttonDelete">Delete</button></td>

我正在加载这样的脚本：

<script src="jquery-3.4.1.min.js"></script>
<script src="index.js"></script>

标签： javascriptjqueryhtmlcss

解决方案

每当您想使用 DOM 时，您必须使用 JQuery 的 Document Ready 功能确保 DOM 已准备好。

$(function(){
   //document.getElementById("updateB").onclick = function()    {updateButton()};
   $("#updateB").click(function() {
      updateButton()
   });
});


function updateButton() {
   alert("Working");
   window.location.href = "http://www.w3schools.com";
}

function deleteButton() {
   window.location.href = "http://www.w3schools.com";
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td><button class ="buttonUpdate" id="updateB">Update</button></td>
<td><button class="buttonDelete">Delete</button></td>

推荐阅读