我真的很难在模态中显示部分局部变量。我是Javascript的新手,似乎无法弄清楚如何在一个新的对话框中呈现局部。目前,我使用“display:none”渲染部分,并在单击“Click me”时,在页面上显示部分,并打开一个空对话框。不幸的是,我的意图是在对话框中显示部分IN,这对不起作用。
观点:
<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();
}
});
答案 0 :(得分: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() {
}
});
});