Question

我尝试将一个函数绑定到输入按钮上的click事件，但它似乎不起作用，并且没有调用方法：

<div id='back'>


     <input type="button"/>

     </div>

的 jQuery的： 的

 $('#back').click(clickOnBackbutton);

              function clickOnBackbutton(){

                console.log('back to menu'); //function not called 

              }

我不喜欢使用onClick事件，而是更喜欢使用该方法。提前完成。

Answer 1

您应该将代码放在文档就绪处理程序中。另请注意，您正在选择div标签而不是输入元素。

$(document).ready(function(){
   $('#back input[type=button]').click(clickOnBackbutton);
   // $('#back input[type=button]').click(function(){
   //    or do something here
   // });
})

Answer 2

按钮：

<div id='back'>
    <input type="button" id='back-button'/>
</div>

jQuery的：

$(document).ready(function(){
    $('#back-button').click(function(){
       console.log('Back to Menu');
    });
})

Answer 3

你绑定了div而不是按钮。

给按钮命名或选择它作为孩子，然后绑定点击事件。

<div id='back'>
    <input id='backbutton' type="button"/>
</div>

JQuery的

$('#backbutton').click(clickOnBackbutton);

function clickOnBackbutton(){
    console.log('back to menu'); //function not called 
}

Answer 4

这应该有效：

function clickOnBackButton(){
  console.log("back to menu");
}

$('#back').click(function(){
  clickOnBackButton();
});

Answer 5

你可以这样做

$('#back').click(function(){
    clickOnBackButton();
});

我认为没有输入类型=“按钮”这样的东西。也许type =“submit”？

Answer 6

您也可以使用：

$('#back').on('click', function(){
  // some action
});

Answer 7

JQuery 1.7+你应该使用on。

附加事件

function clickOnBackbutton(){
    console.log('back to menu'); //function not called 
}
$(document).on("click", "#back", clickOnBackbutton);

Running example

Answer 8

如果您希望div#back捕获点击按钮事件，那么使用最近的jquery，您必须执行此操作：

$('#back').on("click", "input[type=button]", clickOnBackbutton);

请注意，您必须将脚本标记放在正文的末尾，或将代码包装在$(document).ready事件中。

单击输入按钮上的事件

8 个答案: