淘汰模式窗口只打开一次
knockout modal window opens only once
我有引导模态窗口打开按钮点击。一切都很好,除了一件事:当我点击外模态空间-模态窗口成为关闭,但我可以打开它再次点击按钮。如果我关闭模式按钮关闭-它工作得很好。
更新:当我使用'Esc'键盘关闭模式时-行为与outmodal点击相同。
<标题> HTML
<button data-bind="click: function () { $root.showLogModal(); }" title="Show Logs" class="btn btn-large btn-info">Show Logs</button>
<div data-bind="bootstrapLogModal: logModal" tabindex="-1" role="dialog"></div>
<标题>自定义模板<script id="showLogModal" type="text/html">
<div class="modal-header">
<button type="button" class="close" data-bind="click: close" aria-hidden="true">×</button>
<h3>Logs</h3>
</div>
<div class="modal-body">
<div class="alert alert-info">
Some Content
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-bind="click: close">Close</button>
</div>
<标题> JS h1> h2>http://jsfiddle.net/tLT6d/这是一个活生生的例子标题>标题>标题>
这是预期的行为,如果你想防止点击外部区域时模式关闭,提供backdrop
属性作为'static'
Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
<标题> 更新我不知道为什么你重写引导模态进入淘汰赛,但让你的代码工作时,不关闭模态外部区域被点击。只需在绑定处理程序
中添加这行代码ko.renderTemplate("showLogModal", vm, null, element);
// adds new code
$(element).modal({ backdrop: 'static', show: false });
var showHide = ko.computed(function () {
$(element).modal(vm.show() ? 'show' : 'hide');
});
<标题>更新2 h1> 修改初始代码以执行正确的关闭,当单击外部区域时,附加隐藏事件处理程序并调用相关的关闭方法。
// adds new code
$(element).on("hidden.bs.modal", function(){
vm.close();
});
var showHide = ko.computed(function () {
$(element).modal(vm.show() ? 'show' : 'hide');
});
标题>标题>相关文章:
- 窗口退出时的模式弹出窗口 - 重置一次
- Bootsrap模式在页面加载时触发,每个用户一次
- jQuery每5个工作小时重置一次颜色模式
- jQuery UI 对话框模式仅使用类选择器打开一次
- 简单模式弹出窗口显示每个会话一次
- 在javascript中获取除最后一次外的所有模式
- 使用lookahead获取javascript中模式的最后一次出现
- 如何使模式窗口只显示一次
- 引导模式只对远程数据源启动一次
- Twitter引导程序模式隐藏事件只触发一次
- Ng-pattern regex查找只出现一次的模式
- 如何从AsyncSubject(消费者模式)中准确地订阅一次元素
- 只对连续流作出一次反应的模式
- 淘汰模式窗口只打开一次
- 每x秒调用一次jQuery函数(对象文字模式)
- 使用JQuery Cookie每周显示一次Bootstrap模式
- Ajax模式只工作一次
- 使用布尔值只显示一次引导模式
- 加载带有引导模式的ajax页面,然后一次自动启动该模式
- 语义UI模式在Meteor中只显示一次