Wątek przeniesiony 2014-12-21 20:11 z Webmastering przez dzek69.

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

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>
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ć.

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>
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

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