Question

我正在尝试执行一个显示alert(message)的简单函数，并在用户点击具有此HTML标记的特定按钮时返回false

<input type="submit" class="online" id="comprar_boton" value="Agregar al carrito" name="Submit">

所以我构建了这段代码：

$('#comprar_boton').live('click', function(){
    alert("Recuerda que para comprar necesitas escoger la cantidad!");
    return false;
});

我使用live（）因为它是一个Prestashop主题，它使用jQuery 1.4.4。我也测试了这个：

$("#comprar_boton").click(function(){
    alert("Recuerda que para comprar necesitas escoger la cantidad!");
    return false;
});

但没有一个对我有用。我检查一次我的代码，再一次寻找一些错误，什么都找不到。您可以在this site在线查看。我正在寻找的是当任何用户或访问者点击“Agregar al carrito”按钮时，一个警告弹出窗口说明该案例中的内容

Recuerda que para comprar necesitas escoger la cantidad！

现在，这真的很有趣，因为我在同一个文件中有另一个类似于此处的代码，但是当我点击ID = #comprar_boton_no的按钮时这个代码被解雇了。 HTML标记几乎相同：

<input type="submit" id="comprar_boton_no" value="Agregar al carrito" name="Submit">

与之关联的jQuery代码是：

$("#comprar_boton_no").click(function(){
    alert("Recuerda que para comprar necesitas escoger la talla y la cantidad!");
    return false;
});

这个可以在address进行测试。所以我现在完全迷失在这里。我的代码出了什么问题？有什么帮助吗？

Answer 1

确保在分配点击处理程序之前已加载页面。

$(document).ready(function() {
    $("#comprar_boton").click(function(){
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
})

或者

$(document).ready(function() {
    $('#comprar_boton').live('click', function(){
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
})

Answer 2

您是否已将点击事件置于$(document).ready？

内

如果没有，请尝试：

$(document).ready(function () {
    $('#comprar_boton').click(function (event) {
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
        return false;
    });
});

Answer 3

如果要在特定元素上随时启用点击处理程序，请使用JQuery.on方法：

    $(document).on("click", "#comprar_boton", function(e){
        e.preventDefault();
        alert("Recuerda que para comprar necesitas escoger la cantidad!");
    });

单击按钮时onClick函数不会触发

3 个答案: