首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >未能在rails中显示模态内容

未能在rails中显示模态内容
EN

Stack Overflow用户
提问于 2018-11-07 04:05:46
回答 1查看 166关注 0票数 0

我有以下文件

代码语言:javascript
复制
_result.html.erb
_show.html.erb
_show.js.erb

我在_result部件中放了一个按钮,它应该在一个模态中打开_show部分。但是,当用户单击链接时,它只显示一个条形图,而不是包含。我是不是错过了手术的一部分?在我发现的教程中,这似乎相当容易。我的代码如下:

_show.html.erb

代码语言:javascript
复制
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
  <h3 class="section_title">
Hello this is the Show modal
  </h3>
    </div>
  </div>
</div>

_result.html.erb (位于Welcome.html.erb中)

代码语言:javascript
复制
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

show.js.erb

代码语言:javascript
复制
$("#modal-window").find(".modal-content").html("<%= j (render 'invitations/show') %>");
$("#modal-window").modal('show');

我现在得到的只是一条线:

有人知道为什么包含没有显示,尽管我确实使用了相同的标签和id标签在rails中创建Kolosek模式控制器:

代码语言:javascript
复制
  def show
    @invitation = Invitation.find(params[:id])

    respond_to do |format|
      format.html
      format.js {render :layout => false}
    end
  end
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-07 06:05:07

我看到您正在按照https://qiita.com/Kolosek/items/4ee80eb0c6dd0af4b1b7教程创建一个模型,但是您的代码是不正确的!您正在尝试在另一个模态中显示一个模态,而应该在该模态中显示其内容。将_show.html.erb修改为下面

代码语言:javascript
复制
#_show.html.erb
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">x</button>
  <h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
  *Modal content comes here*
</div>
<div class="modal-footer">
  <button class="btn btn-primary">Save</button>
</div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53183429

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档