单击事件

Question

我尝试绑定到输入按钮的Click事件的功能，但它似乎并不工作和方法就不叫：

<div id='back'> 


    <input type="button"/> 

    </div> 

的jQuery：

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

       function clickOnBackbutton(){ 

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

       } 

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

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而不是按钮。

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

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

JQuery的

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

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

Answer 3

这应该工作：

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

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

Answer 4

你能做到这一点

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

我不认为有这样的事，作为一个输入类型= “按钮”。也许type =“submit”？

Answer 5

按钮：

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

的jQuery：

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

Answer 6

您也可以使用：

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

Answer 7

JQuery的1.7+你应该使用上附上事件。

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事件中。