救救我，救救我的JS。。。。。。

Question

以下是我的JS代码，我已不想发表任何言论，如果你是高手，求求你帮我格式化一下 啊，摆脱摆脱。(function($) {
    $("#FaceDlg").bind("click", function(event) {
        $("div[class*=Layer]").hide();
        event.stopPropagation();
        var faceLayer = $(".FaceBoxLayer");
        faceLayer.css("left", $(this).offset().left + "px");
        faceLayer.css("top", $(this).offset().top + 30 + "px");
        faceLayer.show();
    });
    $("#picDlg").bind("click", function(event) {
        event.stopPropagation();
        var imgUpload = $(".ImgUploadLayer");
        var showImgDlg = $(".ShowImgBox");
        if ((imgUpload.css("display") != "none") || (showImgDlg.css("display") != "none")) {
            return;
        }
        $("div[class*=Layer]").hide();
        $(".ImgUploadMainContent").show();
        $(".ImgUploadLoding").hide();        imgUpload.css("left", $(this).offset().left + "px");
        imgUpload.css("top", $(this).offset().top + 30 + "px");
        $(".imgUploadInfo").html("支持JPG、GIF、PNG，但文件必须小于5M。").css("color", "Gray");
        imgUpload.show();
    });
    $("#vedioDlg").bind("click", function() {    });
    $("#topicDlg").bind("click", function() {
        var topicTxt = $("#MainTxtBox");
        var topicVal = topicTxt.val();
        if ("#请在此输入话题#" != $.trim(topicVal).replace(/ /gi, "").substring(0, 9)) {
            topicTxt.val("#请在此输入话题#" + topicVal);
        }
    });
    $("#voteDlg").bind("click", function(event) {
        event.stopPropagation();
        var votePlayer = $(".VoteLayer");
        votePlayer.css("left", $(this).offset().left + "px");
        votePlayer.css("top", $(this).offset().top + 30 + "px");
        $($(".tabs").find("li")[0]).click();
        votePlayer.show();
    });    $("#publicBtn").click(function() {
        var topicID = $("#TopicId").val();
        var content = $("#MainTxtBox").val();
        var topicClass = $(".PublicBoxTitleRight").find("a[class='a_TopicClassTitle topicClassCheck']").attr("id");
        $.post("/home/PublicTopic.jzking/" + topicID, "topicClass=" + topicClass + "&content=" + content, function(result) {
            if ("error" != result.Key) {
                $("#MainTxtBox").val("");
            
                $(".TopicListMain").prepend(result);
                var obj = $("div[class='topicItem noShow']");
                $(".TopicListMain").animate({ marginTop: obj.height() + "px" }, 1000, function() {
                    $(".TopicListMain").css({ marginTop: 0 });
                    obj.fadeIn(1000);
                });            }
        });
    });
}
)($);

Answer 1

    window.onload = function() {
        function BindClick(selector, fun) {
            $(selector).bind('click', fun);
        }
        function Hide(selector) {
            $(selector).hide();
        }        BindClick("#FaceDlg", FaceDlgClick);
        BindClick("#picDlg", picDlgClick);
        BindClick("#vedioDlg", vedioDlgClick);
        BindClick("#topicDlg", topicDlgClick);
        BindClick("#voteDlg", voteDlgClick);
        BindClick("#publicBtn", publicBtnClick);
        function FaceDlgClick(event) {
            Hide("div[class*=Layer]");
            event.stopPropagation();
            var faceLayer = $(".FaceBoxLayer");
            faceLayer.css("left", $(this).offset().left + "px");
            faceLayer.css("top", $(this).offset().top + 30 + "px");
            faceLayer.show();
        }
        function picDlgClick(event) {
            event.stopPropagation();
            var imgUpload = $(".ImgUploadLayer");
            var showImgDlg = $(".ShowImgBox");
            if ((imgUpload.css("display") != "none") || (showImgDlg.css("display") != "none")) {
                return;
            }
            Hide("div[class*=Layer]");
            $(".ImgUploadMainContent").show();
            Hide(".ImgUploadLoding");
            imgUpload.css("left", $(this).offset().left + "px");
            imgUpload.css("top", $(this).offset().top + 30 + "px");
            $(".imgUploadInfo").html("支持JPG、GIF、PNG，但文件必须小于5M。").css("color", "Gray");
            imgUpload.show();
        }
        function vedioDlgClick() { }        function topicDlgClick() {
            var topicTxt = $("#MainTxtBox");
            var topicVal = topicTxt.val();
            if ("#请在此输入话题#" != $.trim(topicVal).replace(/ /gi, "").substring(0, 9)) {
                topicTxt.val("#请在此输入话题#" + topicVal);
            }
        }        function voteDlgClick(event) {
            event.stopPropagation();
            var votePlayer = $(".VoteLayer");
            votePlayer.css("left", $(this).offset().left + "px");
            votePlayer.css("top", $(this).offset().top + 30 + "px");
            $($(".tabs").find("li")[0]).click(); votePlayer.show();
        }
        function publicBtnClick() {
            var topicID = $("#TopicId").val();
            var content = $("#MainTxtBox").val();
            var topicClass = $(".PublicBoxTitleRight").find("a[class='a_TopicClassTitle topicClassCheck']").attr("id");
            $.post("/home/PublicTopic.jzking/" + topicID, "topicClass=" + topicClass + "&content=" + content, callBack);
        }
        
        function callBack(result) {
            if ("error" != result.Key) {
                $("#MainTxtBox").val("");
                $(".TopicListMain").prepend(result);
                var obj = $("div[class='topicItem noShow']");
                $(".TopicListMain").animate({ marginTop: obj.height() + "px" }, 1000, function() {
                    $(".TopicListMain").css({ marginTop: 0 }); obj.fadeIn(1000);
                });
            }
        }
    }