Как мне заставить работать jQuery UI?

Question

Как мне заставить работать jQuery UI?

0

Я ссылаюсь на jquery-1.8.3.min.js и jquery-ui-1.10.4.custom.min.js в своем файле, но ничего не работает. В чем проблема? Здесь мой код для вкладки UI:

<html>
<head>
<script src="jquery-1.8.3.min.js" ></script>
<script src="jquery-ui-1.10.4.custom.min.js" > </script>
</head>

<div id="tabContainer">
<ul>
<li><a href="#tabOne">Tab 1</a></li>
<li><a href="#tabTwo">Tab 2</a></li>
<li><a href="#tabThree">Tab 3<a></li>
</ul>
</div>

<div id="tabOne">
<p> This is the first tab</p>
</div>
<div id="tabTwo">
<p> This is the first tab</p>
</div>
<div id="tabThree">
<p> This is the first tab</p>
</div>

<script typle="text/javascript">
$('#tableContainer').tabs();
</script>

</body>
</html>

user3425939 23 март 2014, в 17:25

Источник

2

Вы не включили CSS-файл jQuery ui
Arun P Johny 23 март 2014, в 15:52
0

jsfiddle.net/arunpjohny/r6c9J/1 - ваша разметка неверна
Arun P Johny 23 март 2014, в 15:54
1

Арун прав, вы также можете бросить свой скрипт в $(function(){});
13ruce1337 23 март 2014, в 15:55
0

... и помните, что "ничего не работает", как правило, недостаточно информации, чтобы помочь вам.
Raul Guiu 23 март 2014, в 16:08

Показать ещё 2 комментария

Теги:

jquery

jquery-ui

1 ответ

Ещё вопросы

jsfiddle.net/arunpjohny/r6c9J/1 - ваша разметка неверна
Арун прав, вы также можете бросить свой скрипт в $(function(){});
... и помните, что "ничего не работает", как правило, недостаточно информации, чтобы помочь вам.

eis · Answer 1 · 2014-03-23T14-58-00.000Z

Начиная с начальной страницы пользовательского интерфейса jQuery:

Как правило, вам нужно включить эти три файла на любую страницу, чтобы использовать виджеты jQuery UI и взаимодействия:

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>

Кажется, у вас отсутствует необходимый файл CSS.

Кроме того, вам кажется, что отсутствует как минимум <body>.