GoldenLine
Zaloguj się
Paweł Nowicki

Paweł Nowicki Project Manager,
Programista PHP

Temat: TypeError: $(...).easytabs is not a function

Witajcie, mam banalny problem z JS. Otóż próbuję wdrożyć na stronę te zakładki: http://os.alfajango.com/easytabs/
Wrzuciłem więc do swojego pliku (zgodnie z instrukcją):
<div id="tab-container" class="tab-container">

  <ul class='etabs'>

    <li class='tab'><a href="#tabs1-html">HTML Markup</a></li>

    <li class='tab'><a href="#tabs1-js">Required JS</a></li>

    <li class='tab'><a href="#tabs1-css">Example CSS</a></li>

  </ul>

  <div id="tabs1-html">

    <h2>HTML Markup for these tabs</h2>

    <!-- content -->

  </div>

  <div id="tabs1-js">

    <h2>JS for these tabs</h2>

    <!-- content -->

  </div>

  <div id="tabs1-css">

    <h2>CSS Styles for these tabs</h2>

    <!-- content -->

  </div>

</div>


Dołączenie pliku js:
<script src="/javascripts/jquery.easytabs.js" type="text/javascript"></script>


I ostatnia rzecz:
$('#tab-container').easytabs();

wrzucona zaraz po zamknietym w/w divie.

Niestety konsola wyrzuca błąd:
TypeError: $(...).easytabs is not a function

Dlaczego tak się dzieje? Pomoże ktoś?

Pozdrawiam
Link do wypowiedziLink

konto usunięte

Temat: TypeError: $(...).easytabs is not a function

A jQuery też dołączasz? To jest plugin jQuery i bez tego nie pójdzie..
Link do wypowiedziLink
Paweł Nowicki

Paweł Nowicki Project Manager,
Programista PHP

Temat: TypeError: $(...).easytabs is not a function

Tak, jQuery mam bo inne elementy strony działają a też są oparte na jQuery.
Link do wypowiedziLink

konto usunięte

Temat: TypeError: $(...).easytabs is not a function

"TypeError: $(...).easytabs is not a function" - taki błąd może oznaczać, że funkcja easetabs() jest inicjowana przed wczytaniem pluginu albo plugin jest wczytywany przed jQuery. Albo jeszcze, że plugin jest inicjowany przed wczytaniem się DOMu. Sprawdź, czy wszystko wczytuje ci się w poprawnej kolejności zanim odpalasz plugin.
Link do wypowiedziLink
Piotr R.

Piotr R. ...

Temat: TypeError: $(...).easytabs is not a function

Dokładnie jak PL napisał.

BTW jak już to JQ oraz wszystkie pluginy na koniec strony a nie zaraz po elemencie. Przeparsowanie elementu jeszcze nie oznacza, że automatycznie znalazł się już w DOM.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Event.observe is not a func...




Wyślij zaproszenie do
Anuluj