Tengo un ícono arrastrable que abre una ventana emergente cuando se hace clic, pero abre la ventana emergente si arrastra el ícono y luego suelta el botón del mouse. Necesito evitar que esto suceda.
Tenía esto resuelto pero arruiné mi código. Si alguien puede ajustar mi código a continuación para detener el clic después de arrastrar, ¡sería muy útil!
jQuery(document).ready(function($) { $(function() { $(".icon").draggable({ containment: "#containment-wrapper", stop: function(e, ui) { var perc = ui.position.left / ui.helper.parent().width() * 100; ui.helper.css('left', perc + '%'); } }) $("[data-popup]").on('click', function() { var target = $(this).data('popup'); target = "#" + target; var $targetEl = $(target) $targetEl.show(); $targetEl.css('zIndex', popupZIndex); popupZIndex += 1; }); }); });