JQuery Tabs: опция spinner не работает

Question

Мне нужна анимация ajax, а удаленная страница загружается в закладки.

Я использую

$('#tabs2').tabs({ spinner: ''<img src="../../Content/images/Jquery/spinner.gi'' }); 

Даже $('#tabs2').tabs({ spinner: 'Loading..' }); также не работает ...

Хотя функциональность вкладки работает, но анимация не работает ...

Я использую Файлы роликов темы JQuery. Ваша помощь очень ценится. Many Thanks

Answer 1

Извините, проблема решена. Я поставлю тег <span> на вкладках. Нашел решение в обсуждениях поддержки JQuery. http://docs.jquery.com/Discussion

, например.

<li><a href="../URL">**<span>Text to display in Tabs</span></a></li> 
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li> 

Answer 2

Этот первый фрагмент кода, как опубликовано, выглядит некорректно. Оно должно быть:

$('#tabs2').tabs({ spinner: '<img src="../../Content/images/Jquery/spinner.gif"/>' }); 

Второй фрагмент должен работать нормально при условии, что «# tabs2» относится к закладке контейнера и не один из отдельных вкладок.

Измените свой вопрос и опубликуйте соответствующий HTML-код для вкладок.

Answer 3

Опция spinner на вкладках jquery.ui используется только при загрузке удаленного контента с помощью ajax. Вы уверены, что используете режим ajax, а не просто показываете и скрываете существующий контент на своей странице с вкладками?

Answer 4

Добавление вокруг текста ссылок вкладки устраняет проблему. Решение Sumanta верное, но я не уверен, что вам нужны два символа звездочки, которые находятся там.

Answer 5

Я не мог понять, что является ответом, так что еще раз, если кто-то тоже не мог понять.

Не содержимое вкладки заменяется во время загрузки, но заголовок вкладки. Все, что вам нужно сделать, это положить название вкладки в пролетные тег

до:

<ul > 
<li><a href="link.html" >Users</a></li> 
</ul> 

после

<ul > 
<li><a href="link.html" ><span>Users</span></a></li> 
</ul> 

Заголовок вкладки должен быть окружен пролетом, как вы можете видеть пользователей становятся <span>Users</span>

Answer 6

Если счетчик не работает для вас (это не для меня), попробуйте следующее:

$("#tabs").tabs({ 
       beforeLoad: function (event, ui) { 
        ui.panel.text('Retrieving data...'); 
       } 
      });