[Erledigt] JQuery zwei Plugins auf selber Seite functionieren nicht

07.06.2010, 12:37

Hallo,

nutze auf einer Page 2 JQuery Plugins.

So binde ich sie ein

PHP-Code:

  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.media.js?v0.92"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
$(function() 
{
    $('a.media').media();
});
</script>

lieder functiniert dann entweder die lightbox nicht mehr oder das Media nicht.

Kann man das umgehen? würde nur ungern auf eins davon verzichten.

Lg hase

ChrisB · 07.06.2010, 13:07

Frameworks zu nutzen ist ja an sich OK - aber dann sollte man sich für eines entscheiden, und nicht gleich mehrere in die Seite kleistern; das ist nämlich von der Performance her ganz sicher Unfug.

nikosch · 07.06.2010, 13:09

Sehe ich genauso, ladezeittechnisch sind das ganz schöne Brocken.

Im Übrigen sollte Dir die Konsole den Fehler nennen. Ich würde davon ausgehen, es liegt am $(), da das IMHO jQuery und Prototype für sich erweitern. Zumindest bei jQuery weiß ich, dass man auch jQuery() verwenden kann.

07.06.2010, 13:41

Da geb ich euch schon recht. Aber Ladezeittechnisch ist die Seite fix.

Mh da muss ich mal sehen ob ich ne andere Lösung find.

EDIT: und die Fehlerkonsole zeigt kein Fehler

Flor1an · 07.06.2010, 13:55

Ja wie gesagt kannst du bei jQuery auch mit jQuery("div") anstat mit $("div") auf ein Element zugreifen. Siehe: Using jQuery with Other Libraries - jQuery JavaScript Library

draco88 · 07.06.2010, 14:29

Oder wenn du unbedingt das JQuery-$ benutzen willst funktioniert das ganz gut:

PHP-Code:

  <script type="text/javascript">
(function($) {
    $('.div').hide();
})(jQuery);
</script>

07.06.2010, 14:42

Erstmal danke für den Link und den Code.

hier nochmal ein wenig mehr Code.

PHP-Code:

  ......
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
<script type="text/javascript" src="js/jquery.media.js?v0.92"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
$(function() 
{
    $('.media').media({ 
    width:     320, 
    height:    240}); 
});
</script>
.....
    
    <div class="g_thumb"><a href="images/galerie/01.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/01.jpg" alt="Pic 1" width="110" height="83"></a></div>
    <div class="g_thumb"><a href="images/galerie/02.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/02.jpg" alt="Pic 2" width="110" height="83"></a></div>
    <div class="g_thumb"><a href="images/galerie/03.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/03.jpg" alt="Pic 3" width="110" height="83"></a></div>
    <div class="g_thumb"><a href="images/galerie/04.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/04.jpg" alt="Pic 4" width="110" height="83"></a></div>
    <div class="g_thumb"><a href="images/galerie/05.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/05.jpg" alt="Pic 5" width="110" height="83"></a></div>
    <div class="g_thumb"><a href="images/galerie/06.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/06.jpg" alt="Pic 6" width="110" height="83"></a></div>
.......    
    <h3>Videos</h3>
    
    <div style="float:left; width:330px; height:380px;" align="center">
    <a class="media {width:320, height:240}" href="video/mediaplayer.swf?file=video_1.flv">Kaniabike Video (02:52 min)</a>
    </div>
    <div style="float:left; width:330px; height:380px;" align="center">
    <a class="media {width:320, height:240}" href="video/mediaplayer.swf?file=video_2.flv">Kaniabike Renn-Video (00:50 min)</a>
    </div>        
.....

selbst mit den code von oben usw. gehen die videos nicht (werden nicht angezeigt sondern nur der normaler link)

nikosch · 07.06.2010, 14:45

Zitat:

selbst mit den code von oben usw

Das war auch nur ein Beispiel. Du musst das schon für Deinen Code umschreiben. Das sollte man mit einem Grundverständnis für jQuery erkannt haben.

Zitat:

hier nochmal ein wenig mehr Code.

Soll nicht zufällig "Kann mir das nicht wer umschreiben" bedeuten?!

07.06.2010, 14:51

Zitat:

Zitat von nikosch

Soll nicht zufällig "Kann mir das nicht wer umschreiben" bedeuten?!

Nein, wollt euch damit nur zeigen auf was das .media bezogen ist.

Chriz · 07.06.2010, 20:23

Wird deine Funktion überhaupt aufgerufen? Brat mal ein alert(1) rein! Ich kenne nur $(document).ready(function() { .. }), bin aber auch noch kein jQuery-Geek.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
CURL in Seite einloggen und einen Teil parsen	Matt	PHP Tipps 2008	8	03.09.2009 22:30
Bei richtiger Eingabe Daten an nächste Seite versenden	xx_heidi_xx	PHP Tipps 2008	49	27.05.2008 14:56
Krieg kein Objekt zurück auf includeter Seite	NONNNNN	PHP Tipps 2008	5	28.03.2008 19:25
Eintrag in DB und Wechsel zu anderer Seite	Darson	PHP Tipps 2008	25	14.01.2008 16:46
Seite nicht mehr gültig	Igäl	PHP Tipps 2006	3	25.05.2006 16:08
[Erledigt] Wetten automatisch von anderer Seite beziehen		PHP Tipps 2006	11	03.03.2006 09:09
Formular - Daten für nächste Seite behalten	NetLook	PHP Tipps 2007	7	18.11.2005 13:21
Seite in Seite		PHP-Fortgeschrittene	3	15.03.2005 19:27
Mit post an weitere Seite oder 2 Seiten übergeben?		PHP Tipps 2005	1	02.02.2005 12:16
Neue Seite an einer bestimmten Stelle aufrufen		PHP Tipps 2005	3	13.01.2005 10:09
blätterfunktion-limit-letzte seite		PHP Tipps 2004-2	2	20.12.2004 23:56
Eine 2te Seite auto matisch in neuem Fenster laden		PHP Tipps 2004	4	25.08.2004 14:10

07.06.2010, 12:37
22hase Gast Beiträge: n/a	[Erledigt] JQuery zwei Plugins auf selber Seite functionieren nicht Hallo, nutze auf einer Page 2 JQuery Plugins. So binde ich sie ein PHP-Code: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="js/jquery.metadata.js"></script> <script type="text/javascript" src="js/jquery.media.js?v0.92"></script> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> $(function() { $('a.media').media(); }); </script> lieder functiniert dann entweder die lightbox nicht mehr oder das Media nicht. Kann man das umgehen? würde nur ungern auf eins davon verzichten. Lg hase


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.06.2010, 13:07
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Frameworks zu nutzen ist ja an sich OK - aber dann sollte man sich für eines entscheiden, und nicht gleich mehrere in die Seite kleistern; das ist nämlich von der Performance her ganz sicher Unfug. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

07.06.2010, 13:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sehe ich genauso, ladezeittechnisch sind das ganz schöne Brocken. Im Übrigen sollte Dir die Konsole den Fehler nennen. Ich würde davon ausgehen, es liegt am $(), da das IMHO jQuery und Prototype für sich erweitern. Zumindest bei jQuery weiß ich, dass man auch jQuery() verwenden kann. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

07.06.2010, 13:41
22hase Gast Beiträge: n/a	Da geb ich euch schon recht. Aber Ladezeittechnisch ist die Seite fix. Mh da muss ich mal sehen ob ich ne andere Lösung find. EDIT: und die Fehlerkonsole zeigt kein Fehler Geändert von 22hase (07.06.2010 um 13:46 Uhr).

07.06.2010, 13:55
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Ja wie gesagt kannst du bei jQuery auch mit jQuery("div") anstat mit $("div") auf ein Element zugreifen. Siehe: Using jQuery with Other Libraries - jQuery JavaScript Library

07.06.2010, 14:29
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	Oder wenn du unbedingt das JQuery-$ benutzen willst funktioniert das ganz gut: PHP-Code: `<script type="text/javascript"> (function($) { $('.div').hide(); })(jQuery); </script>`

07.06.2010, 14:42
22hase Gast Beiträge: n/a	Erstmal danke für den Link und den Code. hier nochmal ein wenig mehr Code. PHP-Code: ...... <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <script type="text/javascript" src="js/jquery.metadata.js"></script> <script type="text/javascript" src="js/jquery.media.js?v0.92"></script> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript"> $(function() { $('.media').media({ width: 320, height: 240}); }); </script> ..... <div class="g_thumb"><a href="images/galerie/01.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/01.jpg" alt="Pic 1" width="110" height="83"></a></div> <div class="g_thumb"><a href="images/galerie/02.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/02.jpg" alt="Pic 2" width="110" height="83"></a></div> <div class="g_thumb"><a href="images/galerie/03.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/03.jpg" alt="Pic 3" width="110" height="83"></a></div> <div class="g_thumb"><a href="images/galerie/04.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/04.jpg" alt="Pic 4" width="110" height="83"></a></div> <div class="g_thumb"><a href="images/galerie/05.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/05.jpg" alt="Pic 5" width="110" height="83"></a></div> <div class="g_thumb"><a href="images/galerie/06.jpg" rel="lightbox[s]"><img src="images/galerie/thumb/06.jpg" alt="Pic 6" width="110" height="83"></a></div> ....... <h3>Videos</h3> <div style="float:left; width:330px; height:380px;" align="center"> <a class="media {width:320, height:240}" href="video/mediaplayer.swf?file=video_1.flv">Kaniabike Video (02:52 min)</a> </div> <div style="float:left; width:330px; height:380px;" align="center"> <a class="media {width:320, height:240}" href="video/mediaplayer.swf?file=video_2.flv">Kaniabike Renn-Video (00:50 min)</a> </div> ..... selbst mit den code von oben usw. gehen die videos nicht (werden nicht angezeigt sondern nur der normaler link)

07.06.2010, 20:23
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Wird deine Funktion überhaupt aufgerufen? Brat mal ein alert(1) rein! Ich kenne nur $(document).ready(function() { .. }), bin aber auch noch kein jQuery-Geek. __________________ "Nuschel ich?" - "Was?"