<div id="message-form" title="Send Message">
<p class="validateTips">All form fields are required</p>
<form id="send-form" action="" type="POST">
<label for="to" id="to-label">To:</label>
<textarea id="to" name="name" class="mention" required></textarea> <br />
<label for="body" id="body-label">Message:</label><br />
<textarea name="body" id="body-message"></textarea>
<div id="success"></div>
<input type="hidden" name="u_id" id="hidden_val"value="">
</form>
</div>
$(document).ready(function() {
$('.view-messages').each(function() {
var $dialog = $('<div></div>').load($(this).attr('href')).dialog({
autoOpen: false,
title: $(this).attr('title'),
width: 500,
height: 300
});
$('.view-button').button().click(function() {
$dialog.dialog('open');
return false;
});
});
$(function() {
var name = $("#to"),
message = $("#body-message"),
allFields = $([]).add(name).add(message);
$('#message-form').dialog({
autoOpen: false,
height: 450,
width: 500,
modal: true,
buttons: {
"Send": function() {
$('textarea.mention').mentionsInput('val', function(text) {
var value = text;
$("#hidden_val").val(value);
});
var request = $.ajax({
type: "POST",
url: "/post",
data: $('#send-form').serialize(),
success: function() {
$('#success').append("<p id='append'>Message Sent</p>");
}
});
},
Cancel: function() {
$(this).dialog("close");
allFields.val("");
$('#append').empty().remove();
}
},
close: function() {
allFields.val("");
$('#append').empty().remove();
}
});
/**
*open the dialog box upon clicking
*/
$("#message-user").button().click(function() {
$("#message-form").dialog("open");
return false;
});
$("#delete").button().click(function() {
//
});
$("#sent").button().click(function() {
});
});
});
问题是这样的：我有一个名为 compose 的按钮，它可以在对话框中打开一个表单，之前它工作正常。关键是我还希望我的动态视图消息链接将两个人之间的对话打开到一个对话框中，而不是重定向到一个新的完整页面。上面的代码仅适用于打开视图消息，它破坏了我的撰写按钮功能。我被这件事难住了。视图消息是 PHP 通过 db 加载到站点中的。