Jquery вкладки не работает, что я пропускаю? - PullRequest
0 голосов
/ 16 февраля 2012

Я пытаюсь использовать вкладки jquery, я получил код с сайта: http://docs.jquery.com/UI/Tabs и попробуйте, посмотрите:

<html>
<head>
  <script type="text/javascript" src="jquery-1.5.1.js"></script>
  <script type="text/javascript" src="jquery-ui-1.8.11.min.js"></script>
  <script type="text/javascript">
      $(document).ready(function () {
          $("#tabs").tabs();
      });
  </script>
</head>
<body style="font-size:62.5%;">

<div id="tabs">
    <ul>
        <li><a href="#fragment-1"><span>One</span></a></li>
        <li><a href="#fragment-2"><span>Two</span></a></li>
        <li><a href="#fragment-3"><span>Three</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$('#example').tabs();
Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ничего не происходит. Чего мне не хватает?

Ответы [ 2 ]

2 голосов
/ 16 февраля 2012

Вам нужно добавить тему css в jquery ui. Смотрите здесь («Базовый обзор: использование пользовательского интерфейса jQuery на веб-странице») для получения подробной информации. Поместите это в свою голову тег:

<link type="text/css" href="css/themename/jquery-ui-1.8.17.custom.css" rel="Stylesheet" />  

Вы можете выбрать тему по умолчанию или создать собственную тему с помощью ThemeRoller

2 голосов
/ 16 февраля 2012

Вам не хватает таблицы стилей.Включите <link href="http://code.jquery.com/ui/1.8.11/themes/base/jquery-ui.css" rel="stylesheet"> перед файлами javascript

Если вы хотите переопределить стиль, вы можете сделать следующее.Например, если вы хотите изменить цвет текста активной вкладки, я вижу, что следующие инструменты использовались с помощью инструментов разработчика Chrome.Так что я могу переопределить эти классы в моем css

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: red !important
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...