Question

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

以下是代码：

<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

Answer 1

对于其他想要在问题中实现相同UI目标的人，请改为执行此操作。

更改以下代码：

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

到此：

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

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

按钮弹出窗口中的X可编辑元素在任何地方单击时都会隐藏

1 个答案: