同一页面中的多个ajax表单无法正常工作

路易斯·卡瓦略(Luiz Carvalho)

我在索引视图中使用多个ajax表单时遇到问题,只有首先使用remote: trueattribute才能工作这是我的表单索引视图

  <% @mensagens.each do |mensagem| %>
  <%= form_for(mensagem, remote: true,:authenticity_token => true) do |f| %>
  <div class="row">    
    <div class="col-md-9">
      <div class="widget">        
        <!-- BLOCK -->

          <div class="row innerAll half border-bottom">
            <div class="col-sm-12">
              <div class="media-body">
                <div class="innerAll half">
                  <div class='col-md-10'><%= f.number_field :avaliacao %></div>
                  <div class='col-md-2'><%= mensagem.slug %></div>
                </div>                    
              </div>
            </div>
          </div>

          <div class="row innerAll half border-bottom">
            <div class="col-sm-12">
              <div class="media-body">
                <div class="innerAll half">
                  <%= f.text_area :texto, :class=>"col-md-12 form-control", :placeholder=>"Mensagem" %>
                </div>                    
              </div>
            </div>
          </div>

          <div class="row innerAll half border-bottom">
            <div class="col-sm-12">
              <div class="media-body">
                <div class="innerAll half ">
                  <div class="col-md-2"><%= f.check_box :aprovado %></div>
                  <div class="col-md-2"><%= f.check_box :status %></div>
                  <div class="col-md-6 btn"><%= f.text_field :autor,:class=>"form-control", :placeholder=>"Autor" %></div> 
                  <div class="col-md-2"><%= f.submit "Salvar", :class=>"btn btn-success" %></div>
                </div>                    
              </div>
            </div>
          </div>


          <div class="row innerAll half border-bottom">
            <div class="col-sm-12">
              <div class='notyfy_wrapper mensagem_<%= mensagem.id %>'>
                <div class="notyfy_message">
                  <span class="notyfy_text">
                    <div id="alerta"></div>
                  </span>
                </div>
              </div>
            </div>
          </div>          

      </div>
      <!-- BLOCK -->
    </div>



  </div>

  <% end %>
  <% end %>

结果如下:(http://droido.com.br/html.html

在此处输入图片说明

第一种形式很好用!但第二,发送正常请求(非ajax)并重定向到显示页面!

诺埃尔

在droido.com.br/mensagens,第二种形式嵌套在第一种形式中。似乎出现了第二个原因。这就是为什么不使用ajax设置它的原因,因为表单不应该嵌套,所以我希望Rails不能使用它。

问题是,根据您上面的代码,我没有找到任何丢失的关闭标签。在页面上,看起来好像<div class='row'>缺少结束标记。我建议您一次删除一个部分,直到找到问题。或者,删除整个内容并添加回去,直到找到它为止。

您是否使用过Chrome开发者工具?如果没有,请尝试一下。转到网页,右键单击,检查。它将以分层方式显示标签。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

MVC Ajax无法正常工作。代替同一页面,在新页面中打开操作

来自分类Dev

jQuery克隆表单在同一页面中两次无法正常工作

来自分类Dev

在同一页面中处理多个表单

来自分类Dev

如果重新加载同一页面,则window.location.replace无法正常工作

来自分类Dev

同一页面内的锚点无法正常工作

来自分类Dev

在同一页面中使用多个Ajax表单

来自分类Dev

在同一页面中打开HTML表单

来自分类Dev

Rails在同一页面中呈现表单

来自分类Dev

jQuery表单在同一页面中

来自分类Dev

Symfony 2多个表单位于同一页面中

来自分类Dev

Symfony 2多个表单位于同一页面中

来自分类Dev

如何使用ajax在提交表单的同一页面中显示echo结果

来自分类Dev

在同一页面中定位多个星级

来自分类Dev

离子-同一页面中的多个视图

来自分类Dev

同一页面中的多个弹出div

来自分类Dev

同一页面中的多个弹出窗口

来自分类Dev

在同一页面中停止多个AJAX请求

来自分类Dev

具有 AJAX 的同一页面中的多个日期选择器

来自分类Dev

在同一页面上发布表单无法在php中工作

来自分类Dev

在表单的同一页面中获取php中的表单值

来自分类Dev

提交表单后仍显示同一页面

来自分类Dev

表单值到同一页面

来自分类Dev

当我尝试再次在同一页面上调用时,Ajax无法正常工作

来自分类Dev

一个搜索表单到同一页面中的 3 个 Gridview

来自分类Dev

在同一页面中加载多个内容

来自分类Dev

在同一页面添加多个星级

来自分类Dev

同一页面中具有会话变量的登录表单

来自分类Dev

表单提交后重定向到同一页面中的锚点

来自分类Dev

使用联系表单后在同一页面中回显

Related 相关文章

热门标签

归档