如何避免jquery＆＃34; colorbox＆＃34;在我们提交数据时关闭

Question

我在Jquery colorbox中使用ajax方法调用外部php页面，因为我提交数据时颜色框自动关闭n转到没有灯箱的正常页面视图如何避免并在提交后重新打开彩盒....

请告诉一些建议r解决这个问题的朋友们... //主页 //颜色框的jquery

 <script src="jquery/jquery.colorbox-min.js"></script>
    <script>
        $(function(){
            $(".ajax").colorbox({width:"63%", height:"80%"})
        });
</script>
<a class="ajax" href="assign_ajax.php">New Task</a>

这是ajax在colorbox中调用的页面，同时提交它从colorbox im转到正常页面使用 ////////////////////////////// ajax page ////////////////// /////

if(isset($_POST['update'])){ 

$sql = UPDATE `notes` SET `note`=$_POST['update_text'] WHERE`id`={$_GET['note_id']};
mysql_query($sql) or die(mysql_error());
}


<form name="update_form" id="update_form" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);>?note_id=<?php echo $row['id']; ?>" method="post">
<textarea name="update_text" id="update_text" rows="5" cols='55'><?php echo $row['note']; ?></textarea>
<br>
<input type="submit" id="update" name="update" value="update">
<input type="button" value="cancel" class ="edit" id="edit-<?php echo $row['id']; ?>">
</form>

Answer 1

<script src="jquery/jquery.colorbox-min.js"></script>
<script>
    function showColorBox(event)
    {
       event.preventDefault();
       $.colorbox({href:"assign_ajax.php"});
    }
</script>
<a class="ajax" onclick="showColorBox(event)">New Task</a>
//Or
<script src="jquery/jquery.colorbox-min.js"></script>
<script>
    $(function(){
        $(".ajax").on("click",function(event){
             event.preventDefault();
             $.colorbox({href:$(this).attr("href")});
        });
    });
</script>
<a class="ajax" href="assign_ajax.php">New Task</a>

修改

<?php
if(isset($_POST['update'])){ 
    $sql = "UPDATE `notes` SET `note`=$_POST['update_text'] WHERE`id`={$_GET['note_id']}";
    mysql_query($sql) or die(mysql_error());
}
?>


<form name="update_form" id="update_form" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']);>?" note_id="<?php echo $row['id']; ?>" method="post" onsubmit="return FALSE;">
<textarea name="update_text" id="update_text" rows="5" cols='55'><?php echo $row['note']; ?></textarea>
<br>
<input type="button" id="update" name="update" value="update">
<input type="button" value="cancel" class ="edit" id="edit-<?php echo $row['id']; ?>">
</form>
<script>
    $(function(){
        $("#update").on("click",function(){
             $.ajax({url: $("#update_form").attr("action"), data:{note_id: $("#update_form").attr("note_id"),update_text:$("#update_text").val()}, type:"POST", dataType:"json"}).done(function(data){});
        });
    });
</script>