Как избежать jquery & quot; colorbox & quot; закрытие, когда мы представляем данные
я вызываю внешнюю php-страницу с помощью метода ajax в JQuery colorbox, в котором при отправке данных colorbox автоматически закрывается и перехожу к обычному просмотру страницы без лайтбокса, как этого избежать, и снова открываем colorbox после отправки. …
Пожалуйста, расскажите некоторые предложения и решения этих проблем, друзья …
// домашняя страница
// запрос colorbox
<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, которую я использую.
////////////////////////////// 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>
Решение
<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>
Другие решения
Других решений пока нет …