2

我有一个模态id="<%= p.id %>"（模态中的帖子的ID）。我想在模式打开时对它的内容做一些事情（我需要在 .js 文件中这样做）。但是我怎样才能从打开的模式中获取 id 到 javascript 中呢？

我已经尝试过使用下面的javascript代码，但它不起作用。有什么建议么？

_singlePost.html.erb

<a class="fg" href="#<%= p.id %>" data-toggle="modal">
    <div id="withJosefin">
        <%= p.title %>
    </div>
</a>

<div id="<%= p.id %>" class="modal hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <p><h3 id="myModalLabel"><%= p.title %></h3></p>
    </div>
    <div class="modal-body">
        <%= raw(p.link) %>
    </div>
</div>

pages.js.coffee

$ ->
  if ('div.modal.hide.in').is(":visible")
    currentId = $('.modal.fade.in').attr('id')
    //Do something with currentId here
4

1 回答 1

2

在文档中找到了这个：

当模态显示如下时，您可以创建回调：

$('#myModal').on('shown', function () {
  // do something…
})

在你的情况下，你会有这个：

//Somewhere in the beginning of your coffeescript/javascript before the modal is opened by the user.

//CoffeeScript
$("div.modal.hide").on "shown", ->
    id = $(this).attr('id')
    //Do whatever you want with the id

//javascript
$('div.modal.hide').on('shown', function(){
    var id = $(this).attr('id');
    //Do whatever you want with the id
});

希望有帮助

于 2013-05-28T11:25:53.407 回答