Я использую Asp.net MVC и пытаюсь использовать вкладки Ajax UI в jquery.
На демонстрационном сайте: http://jqueryui.com/demos/tabs/#ajax
Имеет это
Загрузка внешнего контента через Ajax для
вкладки, установив значение href в
ссылки на вкладки. Пока запрос Ajax
ждет ответа, вкладка
ярлык меняется на «Загрузка ...»,
затем возвращается к нормальной метке один раз
загружен.
Я никогда не вижу, чтобы вкладки менялись при загрузке в их демонстрации. Поэтому я решил попытаться создать собственный пример. В своем приложении asp.net mvc я установил href для представления действий, которое загружает частичное представление. В этом действии я поместил нить сна "5000".
И все же я никогда не вижу такой «загрузки…», о которой они говорят, даже когда я замедляю запрос и проверяю.
Я тогда смотрел на методы конструктора, и я не понимаю, как их использовать, например, я смотрел на опцию spinner, которая имеет
кок
Тип:
Строка по умолчанию:
' Loading ...
HTML-содержимое этой строки
отображается в заголовке вкладки при удаленном
содержимое загружается. Пройти в пустую
Строка, чтобы деактивировать это поведение.
Примеры кода
Инициализировать вкладки с помощью счетчика
указана опция.
$('.selector').tabs({ spinner: 'Retrieving data...' });
Получить или установить параметр счетчика, после
INIT.
//getter
var spinner = $('.selector').tabs('option',
'вертушки');
//сеттер
$ ('. selector'). tabs ('option', 'spinner', 'Получение данных ...');
Итак, я сделал то, что было сказано, и вставил эту строку в свой jquery и изменил ее на настоящий div, который у меня есть.
Я тоже не вижу этого вертушки, поэтому я не знаю, что мне не хватает. Должен ли я сделать что-то еще?
Мой код JavaScript:
<script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="../../images/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
// Tabs
$('#tabs').tabs({ spinner: 'Retrieving data...' });
});
</script>
Редактировать
Благодаря посту "redSquares" теперь я знаю, почему мой не работает, но я использую Html.ActionLink. Итак, как я могу сформировать свой Html.ActionLink, чтобы иметь тег span? Или я должен сделать свой собственный помощник по Html?