javascript - jQuery单击事件错误：“TypeError：无法在未定义的情况下调用方法'toString'

Question

我的 jQuery 脚本出现错误：

$("input.buttonConfirmOrder").click(function (e) {
    e.preventDefault();
    //do some stuff with the order
    return false;
});

错误在警报框中弹出：

TypeError：无法在未定义上调用方法“toString”

我toString在任何时候都没有使用，一旦我点击链接就会弹出错误，也就是在点击函数的第一行之前：

e.preventDefault();

调用事件的按钮如下所示：

<input type="submit" name="ctl00$mainContent$ButtonConfirmOrder" value="Pay" id="ctl00_mainContent_ButtonConfirmOrder" class="buttonConfirmOrder confirmButton">

我已经尝试了以下所有方法：

• $("input.buttonConfirmOrder").on("click", function(e) { /...
• $ = jQuery;
• jQuery.noConflict();

Answer 1

您的选择器与按钮上的 CSS 类不匹配。它应该是：

$("input.buttonConfirmOrderDIBS").click(function (e) {
    e.preventDefault();
    //do some stuff with the order
    return false;
});

Answer 2

我做了一个小提琴来检查它并且它有效：

http://jsfiddle.net/picklespy/rZ4ZT/2/

HTML

<input type="submit" name="ctl00$mainContent$ButtonConfirmOrder" value="Pay"
        id="ctl00_mainContent_ButtonConfirmOrder"
         class="buttonConfirmOrder confirmButton">

Javascript：

$("input.buttonConfirmOrder").click(function (e) {
    e.preventDefault();
    alert($(this).val())
    //do some stuff with the order
    return false;
});

Answer 3

如果您的唯一目的是阻止默认提交操作。onsubmit=return false;然后在提交按钮的容器表单中添加一个属性。没必要做e.preventDefault()