我使用Bootbox Dialog以下列方式加载php页面:
$('.create_special').on('click', function(event) {
var loadurl = $(this).attr('data-load-url');
var title = $(this).attr('data-title');
$.get(loadurl, function(data) {
bootbox.dialog({
message: data,
title: title,
buttons: {
cancel: {
label: "Cancel",
className: "btn-default",
},
submit: {
label: "Submit",
className: "btn-primary",
callback: function() {
console.log($(this).closest("form"));
$(this).closest("form").submit();
}
}
}
});
});
});
通过:
<td><a href="javascript:void(0);" data-load-url="framework/helpers/send_email.php?id=<?php echo $user['user_id']; ?>" class="create_special" data-title="Send Email to <?php echo htmlentities($user['username']); ?>"><?php echo htmlentities($user['email']); ?></a></td>
如您所见,我希望能够在模态底部有两个按钮。一个取消并关闭,一个在php文件中提交对话框加载的表单。我无法搞清楚这一点,并且真的不知道从哪里开始。随着对话框越来越多地加载DOM?我试图避免必须专门提交表单,因为我将使用此函数用于具有不同表单名称的其他php文件。因此,如果我能做一些像this closest
等等一样简单的事情,那就太好了。