javascript - X-editable 切换编辑点击自定义编辑按钮

Question

我对 twitter-bootstrap 的 X-editable 插件有一个奇怪的问题。

我想做的是在屏幕上的按钮上触发“编辑”弹出屏幕。

问题是“弹出”div 仅在 DOM 上停留不到一秒钟。

我将在下面放置一些示例代码。我不确定这是否与插件/或引导程序有关。

$(document).ready(function() {
    $('#questionDescription').editable();

    $('.descriptionEditButton').on('click', function(e) {
        $('#questionDescription').editable('toggle');
    });
});

<a href="#" id="questionDescription" data-type="textarea" data-pk="1" data-placeholder="stackOVerflowRocks" data-title="Stack" style="display: inline;">
    foo bar
</a>
<i class="btn icon-edit descriptionEditButton pull-right"></i>

更奇怪的是，当我在 chrome 控制台中运行“切换”时，会显示弹出窗口。谢谢！

Answer 1

您是否尝试过将切换设置为手动？就像是 ：

$('#questionDescription').editable(
    toggle: 'manual'
);