【问题标题】:My modal wont close after I print the modal content打印模态内容后,我的模态不会关闭
【发布时间】:2015-07-05 01:37:21
【问题描述】:

打印模态正文后我的模态不会关闭,但在我打印内容后创建按钮和打印按钮仍然有效 谁能帮帮我?

这是我的模式代码,其中包含要打印的数据

<div class="modal fade" id="create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"  >
    <div class="modal-dialog" padding="5px !important">
                       <!--/id for printing "div1" -->
        <div class="modal-content" >

            <div class="modal-header">
                <strong>
                <h4 class="modal-title">Create New User</h4>
                </strong>
            </div>
            <div class="modal-body"id="div1">
                <form method="POST" action="../process/create_new_user.php">
                    <div class="form-group">
                        <label for="exampleInputName2" >User Name</label>
                        <input type="text" class="form-control" id="exampleInputName2" pattern="^[a-zA-Z ]+$" title="Letters Only" placeholder="Student Name" NAME="newusername" required>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" NAME="newuserpass" required>
                    </div>
                    <div class="checkbox text-right">
                        <label for="accounttype">Account Type</label>
                        <select name="securitylvl" id="accounttype" required>
                            <option value="" selected></option>
                            <option value="student">Student</option>
                            <option value="faculty">Faculty</option>
                            <option value="admin">Admin</option>
                            <option value="accounting">Accounting</option>
                        </select>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary btn-sm" onclick="printContent('div1')">Print Content</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="Submit" class="btn btn-primary">Create</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

这是我用来打印内容的脚本

<script>
    function printContent(el){
      var restorepage = document.body.innerHTML;
      var printcontent = document.getElementById(el).innerHTML;
      document.body.innerHTML = printcontent;
      window.print();
      document.body.innerHTML = restorepage;
    }
    </script>

【问题讨论】:

  • 您是否遇到任何 javascript 错误?
  • 你的问题到底是什么?
  • 我没有收到任何 javascript 错误,但是在我打印页面后,其他功能会像其他按钮一样停止工作,并且 href 链接在页面刷新之前不起作用

标签: javascript php html twitter-bootstrap


【解决方案1】:

我知道这是一岁多,但在脚本函数中而不是

document.body.innerHTML = restorepage;

试试

location.reload(true);

【讨论】:

  • 这将重新加载页面并关闭弹出窗口。这不是一个理想的解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-12-30
  • 1970-01-01
  • 1970-01-01
  • 2012-08-24
  • 2023-03-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多