Phương thức Jquery .trigger ('stop') cho .draggable

Question

$('#element').draggable ({ 
    stop: function() { 
     alert ('stopped'); 
     //do some action here 
    } 
}).trigger('stop'); 

không có gì xảy ra, suy nghĩ #element hiện có thể kéo và sự kiện thực thi sau khi kéo xong. Tôi cố gắng .triggerHandle cũng như 'dragstop' như eventType, không may mắn

Answer 1

Sử dụng này để kích hoạt nó thay vì:

.trigger('dragstop') 

Nếu bạn muốn nó để hành xử hoàn toàn là một sự kiện bình thường, sử dụng .bind ('dragstop ', chức năng) để đính kèm nó là tốt, tùy chọn bắt đầu cư xử hơi khác nhau.

Answer 2

Tôi biết đây là một câu hỏi cũ, nhưng bây giờ có thể kích hoạt sự kiện kéo thực tế của jquery ui thay vì kéo và kéo bằng cách sử dụng jQuery simulate plugin.

Đây là mã tôi đã sử dụng bởi vì tôi cần truy cập đến các yếu tố chụp của đối tượng thay đổi kích thước của tôi (dữ liệu chỉ accesible trên kéo stop)

$(this).resizable({ 
    handles: 'e', 
    stop: function (e, ui) { 
     var resizable = ui.element;    
     resizable.simulate("mousedown", {clientX: e.clientX, clientY: e.clientY}); 
     resizable.simulate("mousemove", {clientX: e.clientX + 10, clientY: e.clientY + 10}); 
     resizable.simulate("mouseup", {clientX: e.clientX, clientY: e.clientY}); 
    } 
});