Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.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_Html_Ajax_Twitter Bootstrap - Fatal编程技术网

Javascript 引导模式未激活

Javascript 引导模式未激活,javascript,jquery,html,ajax,twitter-bootstrap,Javascript,Jquery,Html,Ajax,Twitter Bootstrap,我想创建一个Navbar按钮来调用包含表单的引导模式。我在网站上找到了一个要点,我正在努力使它适应我的需要。我还没有完成脚本中ajax部分的填写,但是我注意到模式没有激活。我想按下导航栏上的按钮,弹出模式窗体。我做错了什么 <div class="hide fade modal" id="rating-modal"> <div class="modal-header"> <button type="button" class="close"

我想创建一个Navbar按钮来调用包含表单的引导模式。我在网站上找到了一个要点,我正在努力使它适应我的需要。我还没有完成脚本中ajax部分的填写,但是我注意到模式没有激活。我想按下导航栏上的按钮,弹出模式窗体。我做错了什么

<div class="hide fade modal" id="rating-modal">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">button</button>
         <h2>Your Review</h2>

    </div>
    <div class="modal-body">
        <!-- The async form to send and replace the modals content with its response -->
        <form class="form-horizontal well" id="modalForm" data-async data-target="#rating-modal" action="AjaxUpdate/modal" method="POST">
            <fieldset>
                <!-- Form Name -->
                <legend>modalForm</legend <!-- Text input-->
                <div class="control-group">
                    <label class="control-label" for="old">Old password</label>
                    <div class="controls">
                        <input id="old" name="old" type="text" placeholder="placeholder" class="input-xlarge">
                        <p class="help-block">help</p>
                    </div>
                </div>
                <!-- Text input-->
                <div class="control-group">
                    <label class="control-label" for="new">New password</label>
                    <div class="controls">
                        <input id="new" name="new" type="text" placeholder="placeholder" class="input-xlarge">
                        <p class="help-block">help</p>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Cancel</a>

    </div>
</div>
<script src='js/jquery.js'></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {

     //    $('form[data-async]').live('submit', function(event) {
     $('#modalForm').on('submit', function (event) {
         var $form = $(this);
         var $target = $($form.attr('data-target'));

         $.ajax({
             type: $form.attr('method'),
             url: $form.attr('action'),
             data: $form.serialize(),

             success: function (data, status) {
                 $target.html(data);
             }
         });

         event.preventDefault();
     });

 });
</script>    

按钮
你的评论
模态形式

尝试从div中删除类
hide


1st things 1st,将
live
更改为
上的
哪个版本的jquery<代码>实时
需要替换为
。在
完成时-请参见上文