0

我真的很难在具有局部变量的模态中显示部分内容。我是 Javascript 的新手，似乎无法弄清楚如何在新的对话框形式中呈现部分内容。目前，我使用“display:none”渲染部分，单击“单击我”后，部分显示在页面上并打开一个空对话框。不幸的是，我的意图是在对话框中显示部分内容，这不起作用。

风景：

    <div id="groups_show" style="display:none">
      <%= render partial: 'groups/group_full', :locals => {:group => group} %>
    </div>
    <%= link_to "Click me", root_url, class: "groups_showme" %>

Javascript：

$('.groups_showme').on('click', function(e) {
  e.preventDefault();
  $('#groups_show').show();
    var htmlString = $(this).html();
    var dialog_form = $('<div id="dialog-form">Loading</div>').dialog({
    autoOpen: false,
    width: 520,
    modal: true,
    open: function() {
      return $(this).html( htmlString );
    },
    close: function() {
      $('#dialog-form').remove();
    }
});
4

1 回答 1

1

也许这对你有用

$('.groups_showme').on('click', function(e) {
  e.preventDefault();

  $('<div id="dialog-form">Loading</div>').dialog({
        autoOpen: true,
        width: 520,
        modal: true,
        open: function() {
            $(this).append($('#groups_show').show());
        },
        close: function() {

        }
    });
});

见这里http://fiddle.jshell.net/aeuzF/3/

于 2013-09-21T08:05:52.623 回答