Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
引导弹出窗口(引导框)中的Javascript事件不起作用_Javascript_Jquery_Twitter Bootstrap_Jquery Events_Bootbox - Fatal编程技术网

引导弹出窗口(引导框)中的Javascript事件不起作用

引导弹出窗口(引导框)中的Javascript事件不起作用,javascript,jquery,twitter-bootstrap,jquery-events,bootbox,Javascript,Jquery,Twitter Bootstrap,Jquery Events,Bootbox,我正在尝试用bootbox模式创建一个bootstrap弹出窗口,表单内部有一个带有屏蔽输入的输入文本,但弹出窗口中的任何事件都不起作用 请看这里: html: <p>The mask input below WORKS great</p> <p> <input type="text" class="mask" /> </p> <a href="#" class="btn btn-inverse" id="asssf"&

我正在尝试用bootbox模式创建一个bootstrap弹出窗口,表单内部有一个带有屏蔽输入的输入文本,但弹出窗口中的任何事件都不起作用

请看这里:

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>
如何在弹出窗口中屏蔽?

试试这个小提琴:)

问题是您将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;
                  }
                }
              }
        });
});

不,它不起作用:P,但现在它会起作用,以前的代码只在第一次尝试时起作用,我添加了一个克隆,这样它就可以一直工作Shello博士。我对以前的代码做了微小的更改,你的建议也起作用。请参阅JSFIDLE的另一个版本:您对该更改有何看法?如何在bootbox对话框中实现onClick函数?
 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;
                  }
                }
              }
        });
});