Question

我正在使用Bootstrap模式在Rails中显示表单。用户提交它，在模态窗口中我们有进度条，加载后我希望'show'模板在模态中可见。我的new.js.erb：

 $('#dialog h3').html("<i class='glyphicon glyphicon-plus'></i> Modal");

 $('.modal-body').html('<%= j render("form") %>');

 $('#dialog').modal("show");

我的create.js.erb：

 $('.modal-body').html('<%= j render(@user) %>');

它有效，但我想先显示进度条动画，然后再渲染@user partial，而不关闭模态窗口。如何重新加载内容而无需点击任何内容？只是一个平滑的过渡，首先渲染一个部分，然后是另一个 - 另一个？我的进度条脚本放在一个部分中，当我在模型中呈现它时，它与@user一样。也许我应该设置一个计时器或类似的东西？

     <div class="progress">
        <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="100" class="progress-bar progress-bar-primary" role="progressbar">
            100%
          <span class="sr-only">100% Complete (normal)</span>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
var bar = $('.progress-bar');
  $(function(){
    $(bar).each(function(){
      bar_width = $(this).attr('aria-valuenow');
      $(this).width(bar_width + '%');
    });
  });
 </script>

提交表格，一段时间后重新加载模态的内容

0 个答案: