Sử dụng .Một() với .live() jQuery

Question

Tôi đã sử dụng chức năng live():

$('a.remove_item').live('click',function(e) {}); 

tôi cần phải thay đổi điều này để one() để ngăn chặn nhiều lần nhấp chuột, tuy nhiên khi tôi tiêm một trong những yếu tố sau trang đã tải trình nghe one() không kích hoạt.

Làm cách nào để có được one() hoạt động như live()?

Answer 1

Hãy thử điều này:

$('a.remove_item').live('click',function(e) { 
    if($(e.target).data('oneclicked')!='yes') 
    { 
    //Your code 
    } 
    $(e.target).data('oneclicked','yes'); 
}); 

này thực thi mã của bạn, nhưng nó cũng đặt ra một lá cờ 'oneclicked' như có, do đó nó sẽ không kích hoạt một lần nữa. Về cơ bản chỉ cần thiết lập một thiết lập để ngăn chặn nó kích hoạt khi nó được nhấp một lần.

Answer 2

Hãy thử điều này

$('a.remove_item').live('click', function(e) { 
    if(!$(this).hasClass('clicked')) 
    { 
     $(this).addClass('clicked'); 
     alert("dd"); // this is clicked once, do something here 
    } 
});​ 

Answer 3

Chỉ cần sử dụng jQuery's .die() method trong xử lý:

Ví dụ:http://jsfiddle.net/Agzar/

$('a.remove_item').live('click',function(e) { 
    alert('clicked'); 
    $('a.remove_item').die('click'); // This removes the .live() functionality 
});​ 

---

EDIT:Hoặc bạn chỉ muốn thay đổi tên lớp từ live() là dựa trên công cụ chọn.

Ví dụ:http://jsfiddle.net/Agzar/1/

$('a.remove_item').live('click',function(e) { 
    alert('i was clicked'); 
    $(this).toggleClass('remove_item remove_item_clicked'); 
});​ 

này thay đổi lớp remove_item-remove_item_clicked mà có thể có phong cách tương tự. Bây giờ live() sẽ không kích hoạt sau lần nhấp đầu tiên.

Answer 4

Dưới đây là một phiên bản plugin để chạy một handler .live() một lần, tạo ra hoàn toàn ra khỏi sự nhàm chán:

$.fn.liveAndLetDie = function(event, callback) { 
    var sel = this.selector; 
    function unbind() { $(sel).die(event, callback).die(event, unbind); } 
    return this.live(event, callback).live(event, unbind); 
}; 

Nó hoạt động giống như .live() sẽ (trừ khi bạn cần tranh luận dữ liệu sự kiện, trong trường hợp này bạn cần để thêm quá tải). Chỉ cần sử dụng cùng một cách:

$('a.remove_item').liveAndLetDie('click', function(e) { /* do stuff */ }); 

You can test it out here.

Answer 5

Tôi biết đây là một bài cũ, nhưng điều này làm việc cho tôi về một trường hợp tương tự:

$('a.remove_item').live('click', function(e) { 
    e.stopPropagation(); 
    // Your code here 
});​ 

Answer 6

tôi sử dụng nó trên $ .ajax chức năng, vì vậy, trên trận chung kết, trong trường hợp của tôi thất bại, tôi sử dụng, 500 để trì hoãn nó và dừng lại để gửi lại nhiều lần.

}).fail(function(response, status){ alert("FAILED: "+JSON.stringify(response, null, 4)); },500);

Tôi hy vọng nó sẽ giúp bạn!