ajax 댓글 새로고침 클릭 문제 문의드립니다. 채택완료

<!-- 댓글 시작 { -->

<ajaxcomment>

<section id="bo_vc">

...

</section>

</ajaxcomment>

<!-- } 댓글 끝 -->

// ajax comment system

$.ajax({

url: f.action,

type: 'POST',

data: $(f).serialize(),

dataType: 'html',

})

.done(function(str) {

var tempDom = $('<output>').append($.parseHTML(str))

var title = $('title', tempDom).text()

if (title === '') {

// 1. commentBox 원위치

comment_box('', 'c')

 

// 2. commentBox Form 리셋

f.reset()

// 3. 코멘트 출력

$.ajax({

url: str,

type: 'GET',

dataType: 'html'

})

.done(function(str2) {

var tempDom2 = $('<output>').append($.parseHTML(str2))

$('ajaxcomment').replaceWith($('ajaxcomment', tempDom2))

})

}

<script>

$(function() {                

    // 댓글 옵션창 열기

    $(".btn_cm_opt").on("click", function(){

        $(this).parent("div").children(".bo_vc_act").show();

    });

                

    // 댓글 옵션창 닫기

    $(document).mouseup(function (e){

        var container = $(".bo_vc_act");

        if( container.has(e.target).length === 0)

        container.hide();

    });

});

</script>

$(function() {

    //댓글열기

    $(".cmt_btn").click(function(){

        $(this).toggleClass("cmt_btn_op");

        $("#bo_vc").toggle();

    });

});

</script>

<?php } ?>