Wątek przeniesiony 2014-12-21 20:11 z przez dzek69. Powód: Wątek dotyczący podstaw

Widget Accordion wyświetla czystego HTMLa bez pożądanego efektu

Odpowiedz Nowy wątek
2014-12-21 18:09
0

Witam wszystkich, mam problem z widgetem Accordion (jquery), otóż wyświetla mi czystego htmla bez pożądanego efektu. To mój kod:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>
<body>
 
<div id="accordion">
  <h3>1</h3>
  <div>
    <p>
    hmmmm
    </p>
  </div>
  <h3>2</h3>
  <div>
    <p>
    hmmmm
    </p>
  </div>
  <h3>3</h3>
  <div>
    <p>
   hmmm
    </p>
  </div>
  <h3>4</h3>
  <div>
    <p>
    hmmmmm
    </p>
    <p>
    hmm
  </div>
</div>
 
</body>
</html>
edytowany 1x, ostatnio: lineage2921, 2014-12-21 18:11
Tytułuj sensowniej wątki, bo będą lądować w koszu; Jeśli nie wiesz w jaki sposób robić to poprawnie, zajrzyj do tego artykułu - Jak tytułować wątki na forum? - furious programming 2014-12-21 20:25

Pozostało 580 znaków

2014-12-21 20:11
0

ANI JEDNEGO tutoriala do jQuery nie przeczytałeś. Ani jednego.

W każdym pierwsze co, to pisze się o zdarzeniu document ready, do którego dopiero wrzucasz swój kod JS bazujący na elementach z HTML.

W tym momencie Twój kod wykonujesz zanim element #accordion zaczyna istnieć.


Pozostało 580 znaków

2014-12-22 12:21
0

Dalej nie działa... mam:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Accordion - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <script>
  $( document ).ready(function() {
    $( "#accordion" ).accordion();
  });
  </script>
</head>
<body>
 
<div id="accordion">
  <h3>1</h3>
  <div>
    <p>
    hmmmm1
    </p>
  </div>
  <h3>2</h3>
  <div>
    <p>
    hmmmm2
    </p>
  </div>
  <h3>3</h3>
  <div>
    <p>
   hmmm3
    </p>
  </div>
</div>
 
</body>
</html>

Pozostało 580 znaków

2014-12-22 19:34
0

może włącz obsługę javascript w przeglądarce?

http://jsbin.com/wefuravuyo/1/edit ja tu tylko skopiowałem Twój kod


Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0