JQuery事件處理程序 - 什么是“最佳”方法在JQuery中附加事件處理程序的以下方法之間有什么區別？(function () {
var $body = $("body");
$('button').click(function () {
console.log(this) + " - 1";
});
$('button').on('click', function () {
console.log(this) + " - 2";
});
$(document).on('click', 'button', function () {
console.log(this) + " - 3";
});
$body.on('click', 'button', function () {
console.log(this) + " - 4";
});
$body.find('button').on('click', function () {
console.log(this) + " - 5";
});})();我發現了一些似乎工作而另一個不工作的情況。例如處理程序2的下方，并不工作一段時間的處理程序1一樣。為了完成這項工作，我必須實現Handler 3，這顯然效率較低。$retrieveCust = $("#bxRetrieveCustomer");// Handler 1$retrieveCust.find(".icoX").on("click", function () {
// DO SOMETHING});// Handler 2$retrieveCust.find(".tag-open").on("click", function () {
// DO SOMETHING});// Handler 3$(document).on("click", ".tag-open", function (event) {
// DO SOMETHING});這是HTML<div class="box" id="bxRetrieveCustomer"><h1>RETREIVE CUSTOMER</h1><div class="icoX">X</div><div class="box-liner10">
<table>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Date of Birth</th>
<th>Email</th>
<th>password</th>
<th></th>
</tr>
<!-- ko foreach: Customers -->
<tr>
<td data-bind="text: FirstName"></td>
<td data-bind="text: LastName"></td>
<td data-bind="text: DateOfBirth"></td>
<td data-bind="text: Email"></td>
<td data-bind="text: Pwd"></td>
<td><a class="tag-open"></a></td>
</tr>
<!-- /ko -->
</table></div></div>
- 2 回答
- 0 關注
- 418 瀏覽
添加回答
舉報
0/150
提交
取消