单击任意位置时，按钮弹出窗口内的 X 可编辑元素会被隐藏答案

【问题标题】：X-editable element inside button-popup gets hidden when clicked anywhere单击任意位置时，按钮弹出窗口内的 X 可编辑元素会被隐藏
【发布时间】：2014-07-28 11:52:35
【问题描述】：

当在按钮内定义可编辑元素时，x-editable 弹出框的行为会有所不同。这正是我想做的。当弹出窗口显示时，尝试单击弹出窗口中的任何元素 - 这将完全关闭表单，这与正常行为相反。

代码如下：

<button type="button" class="btn btn-default btn-danger" id="btn-inside">
inside a button&nbsp; 
<a href="#" id="model-inside-button" data-value="3" class="editable" tabindex="-1">3</a>
</button>

<script>
$('#model-inside-button').editable();

$('#btn-inside').click(function (e) {
   e.stopPropagation();
   $('#model-inside-button').editable('toggle');
});
</script>

我还准备了一个显示两个按钮的小提琴 - 一个有效，一个无效。

jsFiddle

【问题讨论】：

标签： javascript jquery twitter-bootstrap-3 x-editable

【解决方案1】：

对于希望在问题中实现相同 UI 目标的任何其他人，请改为这样做。

更改以下代码：

$('#model-inside-button').editable('toggle');

到这里：

$('#model-inside-button').editable('show');

请注意，库没有公开 IsVisible 或类似函数，因此每次用户单击弹出窗体上的任何位置（e.stopPropagation、e.stopImmediatePropagation 和 e.preventDefault 都会重复调用“show”方法在这方面似乎没有帮助）。

【讨论】：