10

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

<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 时会弹出叠加层。我在做什么

4

6 回答 6

14

试试这个

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

正如@px5x2 所指出的那样, live 已被弃用,因此而不是 live 使用 ON

$('#submitDemo').on("click",function() {
  // your stuff
}); 
于 2012-09-10T17:41:56.787 回答
8
$('#submitDemo').click(function() {
  // do your stuff
});
于 2012-09-10T17:40:52.687 回答
4

您需要在 DOM 准备就绪时运行脚本,并为 click 方法提供回调:

$(function() {
    $('#submitDemo').click(function() {
        // do your stuff
    });
});
于 2012-09-10T17:44:48.253 回答
3

你必须将你的代码封装在一个函数中。

$('#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" />' })
});
于 2012-09-10T17:44:27.950 回答
1

对于表单,您还可以绑定提交按钮单击表单。

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

其中“form_selector”是单击提交按钮的表单的 ID。

于 2012-09-10T17:43:58.160 回答
0

您可能没有在代码中包含 jquery 库!

src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
于 2018-12-21T00:13:29.540 回答