특정 ID 또는 클래스가있는 colorbox를 여는 방법은 무엇입니까?

Question

나는 다음과 같은 코드를 보내고 있습니다 :

<div class="hidden"> 
    <div id="deletePopContent" class="c-popup"> 
    <h2 class="c-popup-header">Delete Practice Sheet</h2> 
    <div class="c-content">   
     <h3>Are you sure to delete this practice sheet?</h3> 
     <p class="alert"><strong>You are about to perform an action which can't be undone</strong></p> 
     <a href="#"class="c-btn">No</a><a href="#"class="c-btn" id="delete_url">Delete</a> 
    </div> 
    </div> 
</div> 

당신처럼, href 속성을 사용할 필요가

$(document).ready(function(){ 
$(document).on('click', '.edit_user_transaction_status', function (e) { 

    e.preventDefault(); 

     $.colorbox.close(); 

    //for confirmation that status change 
    var ans=confirm("Are you sure to change status?"); 
    if(!ans) { 
     return false; 
    } 

    var post_url   = $(this).attr('value'); 
    var transaction_status_update = $('#transaction_status_update').val();  

    $.ajax({ 
     type: "POST", 
     url: post_url+"&transaction_status_update="+transaction_status_update, 
     data:$('#transaction_form').serialize(), 
     dataType: 'json', 
     success: function(data) {   
     var error = data.login_error; 

     $(".ui-widget-content").dialog("close"); 
     //This variables use for display title and success massage of transaction update   
     var dialog_title = data.title;    
     var dialog_message = data.success_massage; 
     //This get link where want to rerdirect 
     var redirect_link = data.href;  
     alert(redirect_link); 
     /*var $dialog = $("<div class='ui-state-success'></div>") 
        .html("<p class='ui-state-error-success'>"+dialog_message+"</p>") 
        .dialog({ 
        autoOpen: false, 
        modal:true, 
        title: dialog_title, 
        width: 500, 
        height: 80, 
     close: function(){     
     document.location.href =redirect_link; 

     }   
     });*/   
      /*$dialog.dialog('open');*/ 
      document.location.href =redirect_link; 
      $.colorbox({inline:true, width:666}); 

     }   
     }); 
    }); 
}); 

Answer 1

:

document.location.href =redirect_link; <-- remove this 
$.colorbox({inline:true, width:666, href: "#deletePopContent"}); 

을 : 수행하여

$.colorbox({ 
    inline:true, 
    href: "#deletePopContent", 
    width:666 
}); 

당신이 리디렉션

그래서 그냥이를 제거하고 당신이 좋아하는 colorbpx 팝업을 닫은 후 재 있도록

당신이 colorbox의 onClosed 이벤트를 사용할 수 있습니다 작동합니다 :

$.colorbox({ 
    inline:true, 
    href: "#deletePopContent", 
    width:666, 
    onClosed: function() { 
     window.location.href = redirect_link; 
    } 
});