jQuery Accordion failing

-1

Я пытаюсь реализовать аккордеон jQuery на своей веб-странице. В настоящее время это не сработает. Любая помощь будет оценена чрезвычайно. Пожалуйста, имейте в виду, что я полный новичок, и поэтому, вероятно, я совершил некоторые очень любительские ошибки. Тем не менее, я стараюсь учиться, и я надеюсь, что с твоими знаниями я смогу продолжать это делать. Вот мой код:jQuery Accordion failing

<html> 
    <head> 

    <title>TODO supply a title</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <script src="//code.jQuery.com/jQuery-1.10.2.js"></script> 
    <script src="//code.jQuery.com/ui/1.11.4/jQuery-ui.js"></script> 
    <script src="//code.jQuery.com/jQuery-1.10.2.js"></script> 
    <script src="//code.jQuery.com/ui/1.11.4/jQuery-ui.js"></script> 

    </head> 
    <body> 

    <div id="accordion"> 

     <h3>Ice Cream Pancakes</h3> 
     <div> 
     <p>mmmmmmmmmmm</p> 
     </div> 

     <h3>Fruit Pancakes</h3> 
     <div> 
     <p>Not quite as nice, but acceptable</p> 
     </div> 

     <h3>Savoury Pancakes</h3> 
     <div> 
     <p>I had one once with chicken on, it was just odd!</p> 
     <ol> 
      <li>fried chicken</li> 
      <li>pulled pork</li> 
     </ol> 
     </div> 

     <h3>Non-Pancakes</h3> 
     <div> 
     <p>This is stuff that isn’t pancakes… like… cars and light bulbs…</p> 
     </div> 

    </div> 

    </body> 
</html>

Я также получаю эти ошибки:

Failed to load resource: 
the server responded with a status of 404 (Not Found) (19:39:37:163 | error, network) 
    at http://code.jquery.com/ui/1.11.4/jQuery-ui.js 

Failed to load resource: 
the server responded with a status of 404 (Not Found) (19:39:37:199 | error, network) 
    at http://code.jquery.com/jQuery-1.10.2.js 

Failed to load resource: 
net::ERR_EMPTY_RESPONSE (19:39:37:217 | error, network) 
    at http://localhost:8383/favicon.ico

источник

2015-12-10 Boolean123

Проверьте свои 'script'. Недопустимы ваши ссылки на jQuery: 404 error http://code.jquery.com/ui/1.11.4/jQuery-ui.js –

Ошибки на консоли указывают, что библиотеки jQuery не могут быть загружены. Исправьте эти ошибки и повторите попытку. –

-1

Все ваши скрипты не удается загрузить из-за капитальной Q в названии сценария. Попробуйте эти

<script src="//code.jQuery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jQuery.com/ui/1.11.4/jquery-ui.js"></script>

источник

2015-12-10 19:58:15 rramo012

Не должно быть загружено 4 скрипта на страницу – twill

https://code.jQuery.com использование вместо //code.jQuery.com

<script src="https://code.jQuery.com/jQuery-1.10.2.js"></script> 
<script src="https://code.jQuery.com/ui/1.11.4/jQuery-ui.js"></script>

Вместо 4-х строк, удалить лишние 2 строки и использовать их, как указано выше

источник

2015-12-10 20:01:54

я не вижу инициализацию аккордеона

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     $("#accordion").accordion(); 
    }); 
    </script>

источник

2015-12-10 20:02:34

Я собираюсь подтвердить очевидное, все, что выше, сортируются права, вы должны объединить свои ответы .. вот рабочий пример: http://codepen.io/anon/pen/pgJxEW

Вы не хотите, чтобы загрузить скрипт дважды
Убедитесь, что вы получаете право URL-адрес скрипта .. вы должны быть в состоянии посетить по ссылке и посмотреть код
Init функции
Вы также хотите включить один из JQuery UI CSS темы здесь: https://code.jquery.com/ui/ (я выбрал черный галстук в качестве примера)

Так , положив все это вместе

<head> 
// all of your other head tag code - only load this once 
<script src="//code.jQuery.com/jquery-1.10.2.js"></script> 
<script src="//code.jQuery.com/ui/1.11.4/jquery-ui.js"></script> 
</head> 
<body> 

// all of your html in the the body tag 

// right before closing body tag 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#accordion").accordion(); 
    }); 
</script> 
</body>

источник

2015-12-10 20:20:17 twill

ответ

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