Question

我在编写引导程序网站中的编辑链接时编写了弹出窗口代码，用于提交数据：代码是：

<script type="text/javascript">
      $(document).ready(function(){
      $("#modal-body").modal('show');
    });
</script>  
<div id="form-content" class="modal hide fade in" style="display: none;">
                    <div class="modal-header">
                      <a class="close" data-dismiss="modal">×</a>
                      <h3>Send me a message</h3>
                    </div>
                    <div class="modal-body">
                      <form class="contact" name="contact">
                        <label class="label" for="name">Your Name</label><br>
                        <input type="text" name="name" class="input-xlarge"><br>
                        <label class="label" for="email">Your E-mail</label><br>
                        <input type="email" name="email" class="input-xlarge"><br>
                        <label class="label" for="message">Enter a Message</label><br>
                        <textarea name="message" class="input-xlarge"></textarea>
                      </form>
                    </div>
                    <div class="modal-footer">
                      <input class="btn btn-success" type="submit" value="Send!" id="submit">
                      <a href="#" class="btn" data-dismiss="modal">Nah.</a>
                    </div>
                  </div>
                <div id="thanks"><p><a data-toggle="modal" href="#form-content">Edit!</a></p></div>

但弹出窗体并没有出现。错误在哪里？

Answer 1

两件事：

1）删除＆＃34;隐藏＆＃34;你的模态html中的类：

<div id="form-content" class="modal fade in" style="display: none;">

2）用你的jQuery而不是模态体来定位实际的模态：

$(document).ready(function () {
    $("#form-content").modal('show');
});

这似乎对我有用，如here所示。如果这不是您正在寻找的效果，请告诉我。祝你好运！

Answer 2

modal-body是一个类，但您将其视为脚本中的ID。

您应该将类更改为id，或修改脚本。

Answer 3

将此<rule name="the name" enabled="true" stopProcessing="true"> <match url="example.com/(.+)(?:/(.+)?)(.html)?"/> <action type="Rewrite" url="lang/{R:1}/{R:2}.html"/> </rule>更改为$("#modal-body").modal('show');

弹出窗体不出现在bootstrap网站中

3 个答案: