gpt4 book ai didi

javascript - 如何通过 rails 中的 JS 请求显示 twitter bootstrap 模式?

转载 作者:IT王子 更新时间:2023-10-29 03:19:17 26 4
gpt4 key购买 nike

我想显示一个 Twitter Bootstrap 模式作为对 JS 请求的响应。我的 show.js.erb 函数看起来像这样:

$(document).ready(function() {

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

});

这里的“dialog”是模态的id。模态代码本身看起来像这样:

<div id="dialog" class="modal hide fade">
<div class="modal-header">
<a href="#" class="close">&times;</a>
<h3> Showing Modal </h3>
</div>
<div class="modal-body">
I need to show up!
</div>
<div class="modal-footer">
<a href="#" class="btn primary">Done</a>
</div>
</div>

我确定的一件事是正在调用 javascript。我可以让它改变页面上的项目。另一件事是模态工作正常。当我使用 HTML 按钮触发这样的请求时,它显示得很好:

<button data-controls-modal="dialog" data-backdrop="true" data-keyboard="true" class="btn danger"> Show </button>

知道为什么模态没有出现在 JS 请求上吗?

谢谢!

最佳答案

我有一个类似的问题,我稍微改变一下就解决了

我的模态 div 呈现在调用页面上(来自部分),而不是通过 JS 请求的响应呈现:

<div class="modal hide fade" id="modal-window">
<div class="modal-header">
<a href="#" class="close">×</a>
<h3>Loading...</h3>
</div>
<div class="modal-body center">
<%= image_tag "loading.gif" %>
</div>
<div class="modal-footer">&nbsp;</div>
</div>

我用这个链接依赖rails和twitter unobtrusive JS:

<%= link_to negotiation.name, negotiation_path(negotiation), {:remote => true, 'data-controls-modal' =>  "modal-window", 'data-backdrop' => true, 'data-keyboard' => true} %>

我的 show.js.erb 看起来像这样(缩短)

$('.modal-body').html('<%= escape_javascript(render :partial => 'negotiationdetail', :object => @negotiation) %>');
$('.modal-header').remove(); // don't need a header here

这很好用,并且有利于在填充模式时向用户显示“加载”动画。

关于javascript - 如何通过 rails 中的 JS 请求显示 twitter bootstrap 模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8529420/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com