 [JavaScript] konflikt dwóch sliderów |
  |
| [JavaScript] konflikt dwóch sliderów |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 50 Pomógł: 0 Dołączył: 26.03.2014 Ostrzeżenie: (0%) 
 |
Witam serdecznie.
Na stronie internetowej użyłem dwa slidery, zauważyłem, że gdy dodam bibliotekę w sekcji head to wówczas jeden nie działa. Kod <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>blablabla</title> <link rel="stylesheet" type="text/css" href="css.css"/> <link href="lightbox.css" rel="stylesheet" /> <!-- jQuery library (served from Google) --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="js/jquery.bxslider.js"></script> <link href="jquery.bxslider.css" rel="stylesheet" /> <script src="js/lightbox-2.6.min.js"></script> <link rel="stylesheet" type="text/css" href="horizontal.css" /> <link href='http://fonts.googleapis.com/css?family=Ubuntu:300&subset=latin-ext' rel='stylesheet' type='text/css'> <script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="script/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="script/slideitmoo-1.1.js"></script> <script language="javascript" type="text/javascript"> window.addEvents({ 'domready': function(){ /* thumbnails example , div containers */ new SlideItMoo({ overallContainer: 'SlideItMoo_outer', elementScrolled: 'SlideItMoo_inner', thumbsContainer: 'SlideItMoo_items', itemsVisible:4, elemsSlide:3, duration:300, itemsSelector: '.SlideItMoo_element', itemWidth: 158, showControls:1, startIndex:5, onChange: function(index){ } }); } }); </script> dokładnie ten skrypt psuje działanie bxslidera. <script language="javascript" type="text/javascript" src="script/mootools-1.2.1-core.js"></script> Jak to naprawić? E: poprawione bbcode Ten post edytował Contritio 26.03.2014, 19:44:03 |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 479 Pomógł: 97 Dołączył: 6.09.2011 Skąd: php.net :) Ostrzeżenie: (0%)
|
A czym objawia się owe "nie działanie" ? Sprawdzałeś w konsoli ( Chrome lub Firebug )jakie błędy pokazuje ?
Pierwszy wynik z google: http://www.webdeveloper.com/forum/showthre...banner-conflict PS: Używaj BBCODE |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 50 Pomógł: 0 Dołączył: 26.03.2014 Ostrzeżenie: (0%)
|
tym , że gdy dodaje do strony biblioteki SlideItMoo to wówczas bxslider nie działa. Zapewne kolejność w sekcji body ma znaczenia jednakże kombinowałem różnych sposobów i nic (IMG:style_emoticons/default/sad.gif)
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 158 Pomógł: 0 Dołączył: 10.08.2011 Ostrzeżenie: (0%)
|
Podaj linka do strony.
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Chyba nie spoglądałeś na link.
Przecież w linku, który podał IProSoft masz wyjaśnienie, aby użyć jQuery.noConflict() |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 50 Pomógł: 0 Dołączył: 26.03.2014 Ostrzeżenie: (0%)
|
Przepraszam, że pytam, jestem dopiero początkujący, robię stronke w notpadzie++ i chcę zobaczyć jak to działa.
Dobrze, zatem jak mam wprowadzić ten kod jaki kolega wyżej podał? |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 3 034 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%)
|
przeczytaj to co napisane w linku IProSoft tam jest wszytko wyjaśnione podpowiedź ostatni post (IMG:style_emoticons/default/smile.gif)
http://www.webdeveloper.com/forum/showthre...603#post1172603 |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 50 Pomógł: 0 Dołączył: 26.03.2014 Ostrzeżenie: (0%)
|
Teraz rozumiem, wszystko działa (IMG:style_emoticons/default/smile.gif) dzieki za pomoc!
|
|
|
|
|
|
Aktualny czas: 24.08.2025 - 16:41 |
