0

我有包含某种形式的模型视图。当我提交表单时,它调用ajax函数并使用php从数据库中获取一些数据。它不会刷新。它工作正常但是如果我关闭模式并在我提交请求时第二次打开它会调用ajax函数2次。如果我关闭并且重新打开模态视图 3 次调用。

当我调用我的模态视图时,我在其中包含新的 .php 文件。我也将我的 jquery 函数放在模态视图 .php 文件中。

每次打开模态视图时,我都会添加我的脚本。它是覆盖还是添加两次相同的脚本?

这是我的 .js 函数

    $('#contentArea #shareButton').click(function(){

        var a = $("#watermark").val();
        if(a != "What's on your mind?")
        {
            $.post("lib/actions/posts.php?value="+a, {

            }, function(response){

                $('#posting').prepend($(response).fadeIn('slow'));
                $("#watermark").val("What's on your mind?");
            });
        }
    }); 


    $('.commentMark').livequery("focus", function(e){

        var parent  = $(this).parent();
        $(".commentBox").children(".commentMark").css('width','320px');
        $(".commentBox").children("a#SubmitComment").hide();
        $(".commentBox").children(".CommentImg").hide();            

        var getID =  parent.attr('id').replace('record-','');           
        $("#commentBox-"+getID).children("a#SubmitComment").show();
        $('.commentMark').css('width','300px');
        $("#commentBox-"+getID).children(".CommentImg").show();         
    }); 

    //showCommentBox
    $('a.showCommentBox').livequery("click", function(e){

        var getpID =  $(this).attr('id').replace('post_id',''); 

        $("#commentBox-"+getpID).css('display','');
        $("#commentMark-"+getpID).focus();
        $("#commentBox-"+getpID).children("img.CommentImg").show();         
        $("#commentBox-"+getpID).children("a#SubmitComment").show();        
    }); 

    //SubmitComment
    $('a.comment').livequery("click", function(e){

        var getpID =  $(this).parent().attr('id').replace('commentBox-','');    
        var comment_text = $("#commentMark-"+getpID).val();

        if(comment_text != "Write a comment...")
        {
            $.post("lib/actions/add_comment.php?comment_text="+comment_text+"&post_id="+getpID, {

            }, function(response){

                $('#CommentPosted'+getpID).append($(response).fadeIn('slow'));
                $("#commentMark-"+getpID).val("Write a comment...");                    
            });
        }

    }); 

    //more records show
    $('a.more_records').livequery("click", function(e){

        var next =  $(this).attr('id').replace('more_','');

        $.post("lib/actions/posts.php?show_more_post="+next, {

        }, function(response){
            $('#bottomMoreButton').remove();
            $('#posting').append($(response).fadeIn('slow'));

        });

    }); 

    //deleteComment
    $('a.c_delete').livequery("click", function(e){

        if(confirm('Are you sure you want to delete this comment?')==false)

        return false;

        e.preventDefault();
        var parent  = $(this).parent();
        var c_id =  $(this).attr('id').replace('CID-','');  

        $.ajax({

            type: 'get',

            url: 'lib/actions/delete_comment.php?c_id='+ c_id,

            data: '',

            beforeSend: function(){

            },

            success: function(){

                parent.fadeOut(200,function(){

                    parent.remove();

                });

            }

        });
    }); 

    /// hover show remove button
    $('.friends_area').livequery("mouseenter", function(e){
        $(this).children("a.delete").show();    
    }); 
    $('.friends_area').livequery("mouseleave", function(e){
        $('a.delete').hide();   
    }); 
    /// hover show remove button


    $('a.delete').livequery("click", function(e){

    if(confirm('Are you sure you want to delete this post?')==false)

    return false;

    e.preventDefault();

    var parent  = $(this).parent();

    var temp    = parent.attr('id').replace('record-','');

    var main_tr = $('#'+temp).parent();

        $.ajax({

            type: 'get',

            url: 'lib/actions/delete.php?id='+ parent.attr('id').replace('record-',''),

            data: '',

            beforeSend: function(){

            },

            success: function(){

                parent.fadeOut(200,function(){

                    main_tr.remove();

                });

            }

        });

    });

    $('textarea').elastic();

    jQuery(function($){

       $("#watermark").Watermark("What's on your mind?");
       $(".commentMark").Watermark("Write a comment...");

    });

    jQuery(function($){

       $("#watermark").Watermark("watermark","#369");
       $(".commentMark").Watermark("watermark","#EEEEEE");

    }); 

    function UseData(){

       $.Watermark.HideAll();

       //Do Stuff

       $.Watermark.ShowAll();

    }
4

1 回答 1

0

您是否每次调用它时都创建模态视图?您可能想要重用,因为它看起来像是多次创建它然后提交所有它们。

于 2011-02-06T10:17:37.333 回答