2013-03-05 2 views
1

В настоящее время я смотрю на это plugin, поскольку blockui, похоже, не работает для меня. Я использую:msg plugin in ajax request

beforeSend: function() { 
    $.msg({ 
    autoUnblock: false 
    }); 
} 

и хотел бы «разблокировать» это в успехе, ошибки и т.д.

Возможно ли это? Благодарю.

+0

Почему blockui не работает – PSR

+0

Не работает оно или не подходит для вас – PSR

+0

Я понятия не имею ... вышеупомянутые работы. – cs0815

ответ

1

Да, это возможно.

я просто проверял, и это работает попробуйте так:

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <link media="screen" href="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.msg.css" rel="stylesheet" type="text/css"> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.center.min.js"></script> 

    <script src="https://raw.github.com/dreamerslab/jquery.msg/master/jquery.msg.min.js"></script> 


<meta charset=utf-8 /> 
<title>Test Page</title> 
</head> 
<body> 
    <div id="test"></div> 
</body> 
</html> 

JQuery

jQuery(document).ready(function($){ 
$.ajax({ 
    url: "http://www.google.com", 
    beforeSend: function (xhr) { 
     $("#test").html("before send"); 
    $.msg({ 
    autoUnblock: false 
    }); 
    }, 
    success:function(){ 
    $("#test").html("success"); 
     $.msg('unblock'); //this will remove the msg box 
    }, 
    error:function(){ 
    $("#test").html("error"); 
    $.msg('unblock'); //this will remove the msg box 
    } 
}); 
}); 

Вот скрипка: http://jsfiddle.net/qqjhB/1/

В этом примере кода вы сначала зайдете в блок beforesend, чтобы он отображал вам поле с сообщением &, после чего оно будет завершено в блоке error, после чего оно удалит этот значок.

+0

спасибо. попробовал что-то подобное, но в верхнем левом углу появилось окно сообщения. попробует ваш подход завтра. – cs0815

+0

@csetzkorn Я только что обновил свой ответ, поэтому, пожалуйста, попробуйте это. Это сработало для меня. – Peeyush