jQuery Горизонтальный liteAccordion

Я не могу заставить это работать правильно. Это точно показывает, как он отображается на веб-сайте http://nicolahibbert.com/demo/liteAccordion/ в разделе «Основная реализация», который является просто упорядоченным списком. Я реализовал это на сайте ранее сегодня, и он отлично поработал, но теперь, когда я дома и пытаюсь сделать это с другим, он не работает.jQuery Горизонтальный liteAccordion

Вот код ....

<head> 
<meta charset="utf-8" /> 
<title>506 Media</title> 
<link rel="stylesheet" type="text/css" href="/Content/CSS/Site.css" /> 
<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="/Scripts/modernizr-1.7.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="/Scripts/liteaccordion.jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#content-container').liteAccordion(); 
    }); 
</script> 
</head>

Вот еще некоторые HTML ...

<div id="content-container"> 
<ol> 
    <li> 
     <h2><span>Slide One</span></h2> 
     <div> 
      Test 1 
     </div> 
    </li> 
    <li> 
     <h2><span>Slide Two</span></h2> 
     <div> 
      Test 2 
     </div> 
    </li> 
</ol> 
</div>

Я пытался добавить скрипты в теле и без $ (функция (), как это показано на сайте, и ничего. Просто простой упорядоченный список. Ошибок в javascript тоже. Что я делаю неправильно?

Редактировать: Кроме того, когда я проверяю источник после запуска страницы, ничего не применяется к html w здесь он должен иметь некоторые классы и атрибуты стиля, поэтому .liteAccordion() ничего не делает для моего div ... Но опять же, никаких ошибок?

источник

2012-05-30 Shane LeBlanc

Ну, после проверки ресурсов, ни один из них не был красным, но понял, что классы и то, что не применялось к html, которые сделали аккордеон. Я понял, что он работает, но CSS не применялся и не проверял мои ресурсы. Необходимая таблица стилей не была в списке, хотя она была в заголовке HTML. Проблема была в том, как вы можете видеть в коде выше, публикуемую ...

<link rel="stylehseet" type="text/css" href="/Content/CSS/liteaccordion.css" /> 
// Should Be 
rel="stylesheet"

Это маленькие, самые очевидные вещи, которые управляют нами орехи ..

источник

2012-05-30 22:50:58

Не имея структуры папок, на которую вы ссылаетесь, это звучит так, как будто ваши скрипты или файлы CSS arent распознаются при загрузке страницы на основе URL-адреса, который у вас есть в теге. Откройте страницу в своем любимом браузере, нажмите F12, выберите вкладку «Ресурсы» или «Сценарии» в зависимости от браузера и посмотрите, есть ли у какого-либо из них красный x рядом с ними.

источник

2012-05-30 00:40:27

Только что проверил, все они там и ни один из них красный ... –

jQuery Горизонтальный liteAccordion

ответ

Смежные вопросы