單擊事件

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