Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS] jQuery.noConflict();
krystian1991x
post 13.08.2010, 03:00:08
Post #1





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X----

Witam mam poważny problem ... Konkretnie posiadam 2 skrypty JS
- qscroller_js
- jquery-lightbox-0.5

Teraz przejdę do problemu co się konkretnie dzieje ;/ Gdy wrzucam na stronę odnośniki do skryptów js skryptu jquery-lightbox-0.5 i qscroller razem w taki sposób 
[HTML] pobierz, plaintext 
  1.     <script type="text/javascript" src="js/jquery.js"></script>
  2.     <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>    
  3.     <script type="text/javascript" src="mootools.js"></script>
  4.     <script type="text/javascript" src="qscroller.js"></script>
[HTML] pobierz, plaintext


to działa tylko skrypt pierwszy drugi niestety nie działa tak jak powinien bo zamiast otwierać dynamicznie w okienku nowym grafike to on otwiera nową strone z grafiką w zwykły sposób ...

gdy zrobię tak

[HTML] pobierz, plaintext 
  1.     <script type="text/javascript" src="mootools.js"></script>
  2.     <script type="text/javascript" src="qscroller.js"></script>
  3.     <script type="text/javascript" src="js/jquery.js"></script>
  4.     <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>    
[HTML] pobierz, plaintext


Nie działa skrypt pierwszy ale za to działa skrypt numer 2 ;(

w związku z tym że nie ma sensu tutaj wpisywać długich kilometrów kodu podam linki do bezpośredniego zassania smile.gif

jquery-lightbox-0.5 <--- POBIERZ
qscroller_js <--- POBIERZ


Dodam że próbowałem wielu wersji skryptu jquery-lightbox

Ten post edytował krystian1991x 13.08.2010, 10:38:45
Go to the top of the page
+Quote Post
elmozaur
post 13.08.2010, 08:08:03
Post #2





Grupa: Zarejestrowani
Postów: 518
Pomógł: 18
Dołączył: 21.07.2008

Ostrzeżenie: (0%)
-----

proponuje zrob stronke testowa wystaw ja do pobrania to cos pokombinujemy.
Na pierwszy rzut oka powinno chodzic ok. Oczywiscie Doctype masz ustawione questionmark.gif?
Go to the top of the page
+Quote Post
kipero
post 13.08.2010, 09:13:50
Post #3





Grupa: Zarejestrowani
Postów: 233
Pomógł: 50
Dołączył: 28.10.2006
Skąd: Radom

Ostrzeżenie: (0%)
-----

http://api.jquery.com/jQuery.noConflict/
Warto się jednak zastanowić, czy potrzeba aż tyle JavaScriptu.


--------------------
Filmy online
Go to the top of the page
+Quote Post
krystian1991x
post 13.08.2010, 10:35:39
Post #4





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X----

kipero natrafiłem na coś podobnego niestety moja nikła znajomość angielskiego nie pozwoliła mi na dokładne zrozumienie co tam pisze a kopiowanie na pałe nie przyniosło rezultatów ;/

Dodam że używam smarty

Udało mi się zrobić aktualnie coś takiego

[HTML] pobierz, plaintext 
  1. <head>
  2.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. 	<title>Aktualnosci</title>
  4. 	<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />    
  5.  
  6.  
  7.  
  8.     <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
  9.     <link href="shop.css" rel="stylesheet" type="text/css" />
  10.  
  11.     <script type="text/javascript" src="mootools.js"></script>
  12.     <script type="text/javascript" src="qscroller.js"></script>
  13.     <script type="text/javascript" src="js/jquery.js"></script>
  14.     <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>   
  15.  
  16.  
  17.        <script type="text/javascript">
  18.        {literal}
  19.         var $j = jQuery.noConflict();
  20.                 $j(document).ready(function(){
  21.                         $j("#slider").easySlider();
  22.                 });
  23.          {/literal}       
  24.         </script>
  25. </head>
[HTML] pobierz, plaintext

Pomimo tego skrypt pierwszy działa za to skrypt drugi nadal nie ... teraz mi nie znika nic przynajmniej ale i tak nie działa ;[

ja sie poddaje próbowałem już chyba wszystkiego co tylko przyszło mi do głowy lub znalazłem gdzieś w necie 3 pełne strony wyników przeszukałem w google i nic żadne rozwiązanie nie działa ani zamienianie w skrypcie $ na $j itp totalne dno ;(

Ten post edytował krystian1991x 13.08.2010, 10:04:12
Go to the top of the page
+Quote Post
MWL
post 13.08.2010, 10:41:22
Post #5





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----

trochę się wysil i poszukaj w necie czy mootools też ma rozwiązania bezkonfliktowości..
poza tym lightbox którego używasz pewnie korzysta z $() a nie z bezkonfliktowości (wystarczy że to zmienisz - wyszukaj i zamień wszystkie)


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
krystian1991x
post 13.08.2010, 10:50:03
Post #6





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X----

ok fajnie ale na co zamienić ? próbowałem zamieniać w bibliotece jquery zmienić wszystkie $ na jQuery ale i tak nie pomoglo ;< Błagam o pomoc ... od 4 jeszcze nie poszedłem spać cały czas szukam rozwiązania przewertowałem naprawdę sporo stron kilka musiałem tłumaczyć na ojczysty język po przez różne tranzlatory więc nie wmawiajcie mi ze sie nie staram ...;(

Ten post edytował krystian1991x 13.08.2010, 11:38:45
Go to the top of the page
+Quote Post
krispak
post 13.08.2010, 13:42:16
Post #7





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

Ostrzeżenie: (0%)
-----

W mootools nic nie zmieniaj a jedynie na samej gorze przed funkcja lightboxa dodaj jQuery.noConflict(); a w funkcji zamien wszystkie $ na jQuery, czyli dla przykladu
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. jQuery(function() {
  4. 	// Use this example, or...
  5. 	jQuery('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
  6. 	// This, or...
  7. 	jQuery('#gallery a').lightBox(); // Select all links in object with gallery ID
  8. 	// This, or...
  9. 	jQuery('a.lightbox').lightBox(); // Select all links with lightbox class
  10. 	// This, or...
  11. 	jQuery('a').lightBox(); // Select all links in the page
  12. 	// ... The possibility are many. Use your creative or choose one in the examples above
  13. });
  14. </script>
[JAVASCRIPT] pobierz, plaintext

U mnie w cms pieknie smiga mootools i jquery razem smile.gif
Pozdrawiam

Ten post edytował krispak 13.08.2010, 13:43:07


--------------------
* * * * * * * * * * * * * * * * * * * * * * * * *
PHP, Laravel, Docker, Docker Compose, Laradock, Redis, JS, React, Vue, CSS, SCSS, Gulp, GIT ... itd..
Go to the top of the page
+Quote Post
krystian1991x
post 13.08.2010, 18:08:26
Post #8





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X----

Działa świetnie ale pojawił się kolejny problem ;(
[HTML] pobierz, plaintext 
  1.    <div class="hide">
  2.  
  3. {foreach from=$result key=myId item=products name=products}
  4. {if $smarty.foreach.products.index%6 == 0}  
  5. <div id="qs2" class="qslide2">
  6. {/if}                    
  7.    <div style="margin-left: 15px;height: 185px; width: 279px; float: left;">
  8.  
  9.        <div style="padding-left: 31px;padding-top: 11px;width: 376px; height: 140px; background-repeat: no-repeat; background-image: url('templates/images/49.png');"><table><tr><td><img src="templates/images/50.jpg"></td><td>
  10.        <div id="gallery"><a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"><img border="0" src="templates/images/46.png"></a></div>
  11.        </td></tr></table></div>
  12.  
  13.        <div style="padding-left: 22px; margin-bottom: 2px; font-family: Tahoma; font-size: 10px; color: #315b06;"><center><a href=""  style="color: #FFFFFF;">{$products.link}</a> - {$products.title}</center></div>
  14.    </div>
  15.  
  16. {if $smarty.foreach.products.index%6 == 5 || $smarty.foreach.products.last}  
  17. </div>
  18.  
  19. {/if}
  20.  
  21.  
  22.  
  23.  {/foreach}
  24. </div>
[HTML] pobierz, plaintext


gdy ten fragment 
[HTML] pobierz, plaintext 
  1. <div id="gallery"><a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"><img border="0" src="templates/images/46.png"></a></div>
  2.  
[HTML] pobierz, plaintext
jest dodany w pętle to skrypt i tak nie działa a gdy ustawie po za pętle to działa jak trzeba więc jeszcze problem mam tylko z tym ;/

Jeszcze zauważyłem jedną rzecz w jaki kolwiek link nie kliknę to otwiera się duża wersja obrazka ...

Ten post edytował krystian1991x 13.08.2010, 18:16:21
Go to the top of the page
+Quote Post
krispak
post 13.08.2010, 19:21:13
Post #9





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

Ostrzeżenie: (0%)
-----

1. W petli powielasz diva
[HTML] pobierz, plaintext 
  1. <div id="gallery">
[HTML] pobierz, plaintext

Zamiast $('#gallery a').lightBox(); uzyj rel="ligtbox" czyli
[HTML] pobierz, plaintext 
  1. <a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar." rel="lightbox">
[HTML] pobierz, plaintext

2. Nie wklejami wszystkiego bezmyslnie
[JAVASCRIPT] pobierz, plaintext 
  1. jQuery('a').lightBox(); // Select all links in the page
[JAVASCRIPT] pobierz, plaintext

ta linijka mowi dlaczego masz wszedzie obrazy.
Skroc to co podalem wczesniej do takiej postaci
[JAVASCRIPT] pobierz, plaintext 
  1. <script type="text/javascript">
  2. jQuery.noConflict();
  3. jQuery(function() {
  4. 	// Use this example, or...
  5. 	jQuery('a[@rel*=lightbox]').lightBox();
  6. });
  7. </script>
[JAVASCRIPT] pobierz, plaintext

i bedzie ok
Pozdrawiam


--------------------
* * * * * * * * * * * * * * * * * * * * * * * * *
PHP, Laravel, Docker, Docker Compose, Laradock, Redis, JS, React, Vue, CSS, SCSS, Gulp, GIT ... itd..
Go to the top of the page
+Quote Post
krystian1991x
post 13.08.2010, 23:00:15
Post #10





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X----

cholerka zrobiłem tak jak napisałeś ale nie działa teraz nie powiększa żadnych obrazków tongue.gif nawet tych które powinno haha.gif

tak się dzieje tylko gdy jest w pętli zauważyłem bo dałem po za nią i działało ... ;/
Go to the top of the page
+Quote Post
krispak
post 13.08.2010, 23:11:35
Post #11





Grupa: Zarejestrowani
Postów: 250
Pomógł: 55
Dołączył: 27.08.2008

Ostrzeżenie: (0%)
-----

Pokaz kod jak zmieniles..

Ten post edytował krispak 13.08.2010, 23:13:05


--------------------
* * * * * * * * * * * * * * * * * * * * * * * * *
PHP, Laravel, Docker, Docker Compose, Laradock, Redis, JS, React, Vue, CSS, SCSS, Gulp, GIT ... itd..
Go to the top of the page
+Quote Post
krystian1991x
post 21.08.2010, 10:07:49
Post #12





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 7.08.2010

Ostrzeżenie: (10%)
X---- 

[HTML] pobierz, plaintext 
  1.     <!-- Ativando o jQuery lightBox plugin -->
  2.        <script type="text/javascript">
  3.     {literal}
  4. jQuery.noConflict();
  5. jQuery(function() {
  6. 	// Use this example, or...
  7. 	jQuery('a[@rel*=lightbox]').lightBox();
  8. });
  9.  {/literal}
  10.     </script>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1.    <div id="qscroller2"  class="qscroller"></div> 
  2.    <div class="hide">
  3.  
  4. {foreach from=$result key=myId item=products name=products}
  5. {if $smarty.foreach.products.index%6 == 0}  
  6. <div id="qs2" class="qslide2">
  7. {/if}                    
  8.    <div style="margin-left: 15px;height: 185px; width: 279px; float: left;">
  9.  
  10.        <div style="padding-left: 31px;padding-top: 11px;width: 376px; height: 140px; background-repeat: no-repeat; background-image: url('templates/images/49.png');">
  11.   <table><tr><td><img src="templates/images/{$products.img_small}"></td><td>
  12.     <a href="templates/images/{$products.img_small}" title="{$products.title}" rel="lightbox"><img border="0" src="templates/images/46.png"></a>
  13.  </td></tr></table></div>
  14.  
  15.        <div style="padding-left: 22px; margin-bottom: 2px; font-family: Tahoma; font-size: 10px; color: #315b06;"><center><a href=""  style="color: #FFFFFF;" >{$products.link}</a> - {$products.title}</center></div>
  16.    </div>
  17.  
  18. {if $smarty.foreach.products.index%6 == 5 || $smarty.foreach.products.last}  
  19. </div>
  20.  
  21. {/if}
  22.  
  23.  
  24.  
  25.  {/foreach}
  26. </div> Tak jak pisałem wyżej gdy jest po za foreach to wtedy działa bez zarzutu 
[HTML] pobierz, plaintext




Nikt nie pomoże ? offtopic.gif

nikt nie pomoże bracie mój gdy na tronie siedzi ....

Kluczem jest class="qslide2" tylko gdy tam wstawiam link z refem to tak się dzieje że nie działa. Próbowałem już innych skryptów ale każdy jaki znajduje jest oparty o jquery itp i wszystkie działają normalnie dopóki nie znajdą się w tym kluczowym divie o tej klasie o której wcześniej wspomniałem.

Ten post edytował krystian1991x 19.08.2010, 22:04:21
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 20.07.2025 - 07:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn