Вкладки Jquery: опция спиннера не работает

Question

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

Я использую

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

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

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

Я использую файлы ролика темы JQuery. Ваша помощь очень ценится. Большое спасибо

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

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

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

Answer 3

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

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

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

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

Answer 4

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

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

перед:

<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 5

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

Answer 6

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