0 
<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() {

        });


    });
});​

問題は次のとおりです。フォームをダイアログボックスに開く作成というボタンがあり、以前は正常に機能していました。重要なのは、動的ビューのメッセージ リンクで、新しいフル ページにリダイレクトするのではなく、2 人のユーザー間の会話をダイアログに開くことです。上記のコードは、ビュー メッセージを開く場合にのみ機能し、作成ボタンの機能を無効にします。私はこれに困惑しています。ビュー メッセージは、db を介してサイトにロードされた PHP です。

4

0 に答える 0