如何在下面的代碼中獲得按鈕事件？

Question

我是jQuery的新手，當我們按下以下代碼中的按鈕時，我不知道如何獲取事件。請幫幫我。

<div class="key"> 
    <div class="buttonWrapper">  
     <span data-i18n="keypad.one" class="button i18n"></span> 
    </div> 
</div> 

Answer 1

首先要捕捉你想使用，使用$()什麼元素。所以你的情況：

$(".button") 

您使用$()得到你的元素後，然後要一個事件綁定到它。在你的情況.click()事件：

$(".button").click(function(){ 
    // Insert what you want to happen when someone clicks the button here 
}); 

要了解更多關於jQuery的，我強烈建議看他們API。有關.click()事件的更多信息，請單擊here。要了解有關一般事件的更多信息，請點擊here。

Answer 2

使用類似click功能，如果它是靜態加載：

// Wait till the page is loaded and then do the following... 
$(document).ready(function() { 
    // Attach a click handler on the element with the class button. 
    $(".button").click(function() { 
    // The code to be executed when the button is clicked. 
    alert("Hi"); 
    }); 
}); 

或者，如果它在本質上是動態的，找到一個靜態的父母和委託的事件：

// Wait till the page is loaded and then do the following... 
$(document).ready(function() { 
    $("body").on("click", ".button", function() { 
    // The code to be executed when the button is clicked. 
    alert("Hi"); 
    }); 
}); 

請參考：

• jQuery API $.on()
• jQuery API $.click()