Bootbox动态html输入不允许输入

问题描述

我需要为 BootBox 显示一个自定义 HTML 模板，并且我在里面有两个输入字段，如下所示

var txtBox = "<div class=\"row padding-10\">" +
                    "<form class=\"form-horizontal\">" +
                    "<div class=\"form-group\">" +
                    "<label for=\"username\" class=\"col-sm-2 col-sm-offset-2 control-label\">Username</label>" +
                    "<div class=\"col-sm-6\">" +
                    "<input type=\"text\" class=\"form-control\" id=\"username\">" +
                    "</div>" +
                    "</div>" +
                    "<div class=\"form-group\">" +
                    "<label for=\"username\" class=\"col-sm-2 col-sm-offset-2 control-label\">Password</label>" +
                    "<div class=\"col-sm-6\">" +
                    "<input type=\"password\" class=\"form-control\" id=\"password\">" +
                    "</div>" +
                    "</div>" +
                    "</form>" +
                    "</div>";

并将上面的 HTML 如下所示嵌入到 BootBox

var getUsername = function () {
                    return $("#username").promise();
                };

                var getpassword = function () {
                    return $("#password").promise();
                };

                bootBox.dialog({
                    title: $rootScope.app.locale.labels.supervisor_required,message: txtBox,buttons: {
                        success: {
                            label: "Ok",className: "btn-primary",callback: function () {
                                getUsername()
                                    .done(function (userName) {
                                        getpassword()
                                            .done(function (password) {
                                                if (typeof (model) !== "undefined") {
                                                    model.OverrideUsername = userName.val();
                                                    model.OverridePassword = password.val();
                                                }
                                                deferred.resolve();
                                            });
                                    });
                            }
                        }
                    }
                }).on('shown.bs.modal',function () { $('#username').focus() });
                return deferred.promise;

我无法在文本框中输入任何内容。我试过设置 z-index 并调整 CSS，但没有任何帮助。有人可以帮我吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）