Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

ROZWIĄZANY: Baner/slider rotator problem z wyświetlaniem


Rekomendowane odpowiedzi

Opublikowano

Witam. Otóż chciałem wykonać prosty baner rotator przy użyciu jquery-1.7.1.min.js . Adres do .js dodałem do szablonu includeJS

natomiast rotator dodałem globalTemplate. Rotator ładnie działa jednak pojawił się inny problem. W górnej belce gdy klika się odnośniki dotyczące komunikatora, powiadomień i profilu nie wysuwa się to standardowe okno z opcjami wyboru. Proszę o pomoc lub jakieś wskazówki.

Opublikowano (edytowane)

Nie do końca rozumiem jak zamienić kod aby był bez konfliktowy.

Mój obecny kod dodawany do includeJS:

<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="{$this->settings['js_base_url']}js/jquery.flow.1.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#myController").jFlow({
 slides: "#slides",
 controller: ".jFlowControl", // must be class, use . sign
 slideWrapper : "#jFlowSlide", // must be id, use # sign
 selectedWrapper: "jFlowSelected",  // just pure text, no sign
 auto: true,  //auto change slide, default true
 width: "515px",
 height: "150px",
 duration: 700,
 prev: ".jFlowPrev", // must be class, use . sign
 next: ".jFlowNext" // must be class, use . sign
});
});
</script>

Należy dodać .noConflict z tego co zrozumiałem, jednak nie wiem gdzie.

Edytowane przez Qedro
Opublikowano

Dla pewności :) Czyli miało by to wyglądać tak?

<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="{$this->settings['js_base_url']}js/jquery.flow.1.2.min.js"></script>
<script type="text/javascript">
$.noConflict();
$(document).ready(function(){
$("#myController").jFlow({
 slides: "#slides",
 controller: ".jFlowControl", // must be class, use . sign
 slideWrapper : "#jFlowSlide", // must be id, use # sign
 selectedWrapper: "jFlowSelected",  // just pure text, no sign
 auto: true,  //auto change slide, default true
 width: "515px",
 height: "150px",
 duration: 700,
 prev: ".jFlowPrev", // must be class, use . sign
 next: ".jFlowNext" // must be class, use . sign
});
});
</script>

Opublikowano (edytowane)

Upewniam się, czy nie zrobiłem tego źle bo wykonałem tak jak pisałeś i nie śmiga teraz w ogóle jakby nie było .js

Konsola błędów sypie komunikatem:

$(document).ready is not a function

Edytowane przez Qedro
Opublikowano

Poradziłem już sobie. Znaki $ po $.noConflict(); należało zastąpić jQuery.

DawPi wielkie dzięki i przepraszam za moje irytujące zachowanie ale kieruje się zasadą " Kto pyta nie błądzi" :)

  • Manager
Opublikowano

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.

intermedia - profesjonalne rozwiązania Invision Power Board

---

Chcesz uzyskać szybko i sprawnie pomoc? Uzupełnij wersję i adres w profilu.

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.