Rails渲染模态中的部分

Question

我真的很费力地显示局部模态中的局部变量。我是Javascript新手，似乎无法弄清楚如何以新的对话框形式呈现部分。目前，我使用“display：none”渲染部分，点击“Click me”后，部分显示在页面上，并打开一个空白对话框。不幸的是，我的意图是显示部分在对话框，这是不工作。

的观点：

<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(); 
    } 
}); 

Answer 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/