Question

我正在尝试在表单上获取提交按钮的click事件...

<input type="submit" value="Search By Demographics" class="button" id="submitDemo"/>

这是我想要从中获取活动的按钮。

$('#submitDemo').click(
        alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
        //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
    );

这是按钮点击时我想做的事情。我想在div周围加载一个加载图像，然后在另一个函数中解除阻塞。目前，当页面加载而不是onClick时，会弹出叠加层。我在做什么

Answer 1

试试这个

$('#submitDemo').live("click",function() {
  // your stuff
});

因为@ px5x2指出live是弃用的，所以不是实时使用ON

$('#submitDemo').on("click",function() {
  // your stuff
});

Answer 2

$('#submitDemo').click(function() {
  // do your stuff
});

Answer 3

您需要在DOM准备好后运行脚本，并提供对click方法的回调：

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});

Answer 4

你必须在一个函数中包含你的代码..

$('#submitDemo').click(function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

但是使用on绑定事件总是一个好习惯，以便在可用时将事件处理程序附加到元素上。所以

$('#submitDemo').on('click',function(){
    alert("work darn it!!!!!!!!!!!!!!!!!!!!!!!!!")
    //$("#list").block({ message: '<img src="../../Images/ajax-loader.gif" />' })
});

Answer 5

对于表单，您还可以单击表单上的提交按钮。

$("#form_selector").submit(function{
// Do your stuff
})

其中'form_selector'是单击提交按钮的形式的id。

Answer 6

您可能未在代码中包含jquery库！

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

捕获提交按钮jquery的click事件

6 个答案: