引导程序弹出窗口(bootbox)中的Javascript事件不起作用
Javascript events inside bootstrap popup (bootbox) dont work
我正在尝试创建一个带有bootbox模式的引导弹出窗口,表单内部有一个带有屏蔽输入的输入文本,但弹出窗口内部的任何事件都不起作用。
请参见此处:http://jsfiddle.net/ens1z/UK6x5/5/
html:
<p>The mask input below WORKS great</p>
<p>
<input type="text" class="mask" />
</p>
<a href="#" class="btn btn-inverse" id="asssf">OPEN BOOTBOX</a>
<div id="frm" style="visibility: hidden">
<div class="form-horizontal">
<p>The mask input below DON´T WORK. :-(</p>
<input type="text" class="mask"/>
</div>
</div>
JavaScript:
$("#asssf").click(function (e) {
e.preventDefault();
bootbox.dialog({
message: $("#frm").html(),
title: "Custom title",
buttons: {
success: {
label: "Success!",
className: "btn-danger",
callback: function() {
return;
}
}
}
});
$(".mask").mask("999-99-9999",{placeholder:"_"});
});
$(".mask").mask("999-99-9999",{placeholder:"_"});
如何在弹出窗口中屏蔽工作?
试试这个小提琴:)这里
问题是,您在没有他的事件的情况下将html加载到bootbox。
我做了一个函数来解决你的问题:
function BootboxContent(){
var content = $("#frm").clone(true);
$(content).css('visibility','visible');
content.find('.mask').mask("999-99-9999",{placeholder:"_"});
return content ;
}
在你的信息中调用它,就像在小提琴中一样,或者没有这样的功能:
bootbox.dialog({
message: $("#frm").clone(true).css('visibility','visible').find('.mask').mask("999-99-9999",{placeholder:"_"}),
title: "Custom title",
buttons: {
success: {
label: "Success!",
className: "btn-danger",
callback: function() {
return;
}
}
}
});
});
相关文章:
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- Node.js中的JavaScript原型对象效率
- 在 Java 中的 JavaScript 函数中插入 Wicket 值
- 如何在只能有一个asp.net表单的主页上从asp.net页面中的javascript中获取值
- 如何将angularjs中的javascript字符串输出为循环数组
- 多次调用另一个javascript函数中的javascript函数
- for循环中的javascript if语句找不到==
- ascii输入键通过firefox中的javascript返回0
- Wordpress中的Javascript出现匿名函数/引用错误
- 从angularjs中的javascript更新dom
- for循环中的JavaScript闭包
- 如何通过documents.ready函数中的javascript自动按键(ctrl+shift+i)
- 访问嵌套函数结构中的JavaScript父函数变量
- 如何将值传递给wicket中的javascript函数
- 为什么可以't我将数据从c#发送到asp.net中的Javascript文件
- 如何将Bundle中的javascript文件包含到一个trick文件中
- 如何访问Web2py'中python代码中的JavaScript变量;s视图
- HTML文本框中的javascript数字
- 嵌入参数中的Javascript函数会自动运行
- Play 2.5 for Java中的Javascript路由