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/