Question

我正在尝试创建一个按钮，使其内容可以编辑，同时按钮可以拖动。我也想让它可以调整大小。

这就是我所做的。截至目前，该按钮是可拖动的，但它的内容无法编辑。当我擦除可拖动部分时，现在可以编辑内容。

JS：

$(function() {

        $('#bt1').on('click', function() {
            $(this).attr('contentEditable', true); 
        });
        $('#bt1').on('blur', function() {
            $(this).attr('contentEditable', false); 
        });
        $('#bt1').draggable({cancel:false});
    });

HTML：

<button id='bt1'>edit</button>

JFiddle： http://jsfiddle.net/wuYY8/

Answer 1

我希望这有助于你

JSFIDDLE

 $("#content").draggable().click(function() {
     $(this).draggable( {disabled: false});
  }).dblclick(function() {
     $(this).draggable({ disabled: true });
});

Answer 2

尝试延迟选项

mousedown之后的时间（以毫秒为单位），直到拖动开始。单击元素时，此选项可用于防止不必要的拖动。

$('#bt1').draggable({
    cancel:false,
    delay:300
});

http://api.jqueryui.com/draggable/#option-delay

按钮在可拖动时无法满足

2 个答案: