javascript - 将 jQuery 单击事件绑定到常规 javascript 按钮

Question

我正在尝试在 jquery 中创建一个简单的函数，以在单击取消按钮时将用户的浏览器引导到上一页，但我对如何执行此操作有点迷惑，因为我对 jquery 的经验很少。

<input type="button" id="cancelBc2" name="cancelForm" value="Cancel">
$(document.ready(function() {
    $('cancelBc2').click(function() {
        var cancel = confirm("Are you sure you want to leave the page?");
        if (cancel == true) {
            window.location = "chooseConfig.php";
        }
    });
});

我是遗漏了什么还是页面完全忽略了

$(document.ready(function()?

Answer 1

您缺少选择器上的 #

$('cancelBc2')  //looking for an element <cancelBc2 />
$('#cancelBc2')  //looking for an element with id="cancelBc2"

你有一个错字

$(document.ready

应该

$(document).ready(function()

更好

$(function(){});

Answer 2

应该添加前缀 # 以在 jQuery 中选择 Id

$('#cancelBc2').click(function() {
    var cancel = confirm("Are you sure you want to leave the page?");
    if (cancel == true) {
        window.location = "chooseConfig.php";
    }

});

信息：http ://api.jquery.com/id-selector/

Answer 3

您的代码很好，但您缺少正确的选择器。它应该是$('#cancelBc2')

这将选择 DOM 中具有 id 的元素cancelBc2

对于 jQuery 选择器的完整列表，请使用：

http://www.w3schools.com/jquery/jquery_ref_selectors.asp