使用jQuery,在元素上设置Draggable可以防止在单击可拖动元素时触发模糊

使用jQuery,当您在文本框上设置模糊事件并将另一个元素设置为可拖动时,单击可拖动元素时,模糊事件不会在FireFox中触发。 IE有点好,你得到模糊事件,但你没有得到可拖动元素上的click事件。

如果你没有在draggable构造函数中指定cancel:“”,你将触发blur事件,但是你想要拖动的元素是不可拖动的。

jQuery v1.3.2 jQuery UI v1.7.2

console.log行适用于FireFox的FireBug插件。

  Blur/Click Workbench     function blurring() { console.log('1 - blurring - ' + $( this ).attr('id')); } function clicking() { console.log('2 - clicking - ' + $( this ).attr('id')); } $(document).ready(function() { $( ".draggableTool" ).draggable( { cancel: "" } ); $( '.property' ).blur( blurring ); $( '#labelContainer' ).click( clicking ); });     

我有同样的问题。 这是一个错误。 有关解决方案,请参见此处: http : //dev.jqueryui.com/ticket/4261

可能是可拖动标签不可调焦。 尝试为其添加tabindex属性。 这样当你点击它时,它将获得焦点(因此,模糊其他元素)。