Problem mit mehreren $(document).ready(function()

wawi-dl

Sehr aktives Mitglied
29. April 2008
6.119
639
Hallo,

möchte meinen Shop etwas mit einem "sweet-menü" erweitern, als Art "floating sidebar" (siehe Bild).

Im Anhang auch das Script, das soweit läuft, nur das Einbinden in den Shop macht Probleme, speziell das Thema "$(document).ready(function()".
Da der Shop bereits in jQuery verschiedene "$(document).ready(function()" verwendet, muss diese Funktion in der "global.js" erweitert werden um das Script (siehe index.htm).

Sobald man das aber tut, funktionieren andere Scripts (Plugins) nicht mehr, wie "ScrollUp" und "Suggest (Suchvorschläge)".
Ich weis nicht woran es liegt, dass sich die Funktionen aushebeln, wäre dankbar für Hilfe.

Das Script kann gerne verwendet werden, evtl. hat jemand Lust ein Plugin daraus zu machen, bitte aber Feedback an mich :)

Danke


Demo Original:
http://www.htmldrive.net/items/demo_show/574

Demo Test:
http://www.wawi-dl.de/plugin/sweet-menu/index.htm
 

Anhänge

  • sweet-menu.jpg
    sweet-menu.jpg
    11 KB · Aufrufe: 11
  • sweet-menu.zip
    660,7 KB · Aufrufe: 2
Zuletzt bearbeitet:

DieUpdater

Aktives Mitglied
19. Mai 2013
123
0
AW: Problem mit mehreren $(document).ready(function()

Du mußt die global.js nicht erweitern. Du kannst das document.ready beliebig oft benutzen.

(Du kannst theoretisch auch mehrersolche Aufrufe in eine .js packen, und auch abkürzen: $(function(){}); - denn wenn du die Funktion als Argument benutzt wird immer darauf gewartet das das dom 'ready' ist.)
 

Modulexpert

Sehr aktives Mitglied
14. März 2007
1.678
1
AW: Problem mit mehreren $(document).ready(function()

Oder man nimmt einfach das fertige Plugin von mir :) Nee ernsthaft.. Sweetmenu wird nicht mehr weiter entwickelt. du mußt ein paar Sachen selbst umschreiben in der JS damit es mit JTL zusammenspielt .
Das fertige Plugin nennt sicht "Sidebar Floating Pro" *gg
 

wawi-dl

Sehr aktives Mitglied
29. April 2008
6.119
639
AW: Problem mit mehreren $(document).ready(function()

... danke für die Hinweise!

Ich habe soeben nochmals geschaut, musste feststellen, dass wenn ich das Script im "Demo Test" in eine separate JS-Datei auslagern will, das Script nicht mehr läuft!
Gehen hierbei Querverweise für die Script-Funktionen verloren? Ich dachte immer, wenn ich die Scripts in separten Files auslagere, die Scripts aber dennoch laufen?!

Habe eben einfach versucht eine nackte "global.js" zu erstellen mit dem Script aus dem Demo.

index.htm
Code:
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Sweet Menu Demo</title>
		<script type="text/javascript" src="jquery-1.4.2.js"></script>
		<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jquery.easing.js"></script>
        <script type="text/javascript" src="global.js"></script>
        <script type="text/javascript" src="jquery.sweet-menu-1.0.js"></script>
		<script type="text/javascript" src="jquery.sweet-menu-min-1.0.js"></script>

        <style type="text/css">
	
            .sweetMenuAnchor{
				border-top-right-radius: 12px;
				-moz-border-radius-topright: 12px;
				border-bottom-right-radius: 12px;
				-moz-border-radius-bottomright: 12px;
				color: #ffffff;
				font-size: 17px;
				font-weight: bold;
				text-align: left;
				text-transform: uppercase;
				font-family: arial;
				text-decoration: none;
				background-color: #555555;
			}
			
			.sweetMenuAnchor span{
				display: block;
				padding-top: 10px;
			}
        </style>
	</head>

	<body>
		<ul id="exampleMenu">
            <li><a href="https://www.domain.de/Startseite" target="_self">&nbsp;Startseite&nbsp;</a></li>
            <li><a href="https://www.domain.de/jtl.php" target="_self">&nbsp;Login&nbsp;</a></li>
			<li><a href="http://www.domain.de/warenkorb.php" target="_self">&nbsp;Warenkorb&nbsp;</a></li>
            <li><a href="http://www.domain.de/Zahlungsmoeglichkeiten" target="_self">&nbsp;Zahlungsarten&nbsp;</a></li>
            <li><a href="http://www.domain.de/Liefer-Und-Versandkosten" target="_self">&nbsp;Versandkosten&nbsp;</a></li>
            <li><a href="https://www.facebook.com/" target="_blank">&nbsp;Facebook&nbsp;</a></li>
            <li><a href="http://www.youtube.com" target="_blank">&nbsp;Youtube&nbsp;</a></li>
            <li><a href="https://www.domain.de/kontakt.php" target="_self">&nbsp;Kontakt&nbsp;</a></li>
        </ul>
	</body>
</html>


global.js
Code:
/*
 *  document ready
 */
$(document).ready(function() {   

				$('#exampleMenu').sweetMenu({
					top: 175,
					padding: 3,
					iconSize: 40,
					easing: 'easeOutBounce',
					duration: 500,
					icons: [
						'images/home.png',
						'images/login.png',
						'images/customer_cart.png',
						'images/pay.png',
						'images/ship.png',
						'images/facebook.png',
						'images/youtube.png',
						'images/contact.png'
					]
				});
	
});



@Modulexpert
Danke, Plugin gesehen, habe mir viele jQuery Sidebars angeschaut, meines gefiel mir sehr gut, aber auch deines wäre das Einzigste was ich wohl kaufen würde.
 

tom10

Sehr aktives Mitglied
2. Oktober 2012
715
107
06774 Muldestausee
AW: Problem mit mehreren $(document).ready(function()

Ich geh mal davon aus, das der Code korrekt ist ;)
Probier mal erst die ...sweet...js dateien zu laden und dann die global.js - also global.js ans Ende.
 

wawi-dl

Sehr aktives Mitglied
29. April 2008
6.119
639
AW: Problem mit mehreren $(document).ready(function()

lol ... öhm ja klappte ^^

Etwas ratlos, mal schaun ob das auch im Shop hilft.
 

wawi-dl

Sehr aktives Mitglied
29. April 2008
6.119
639
AW: Problem mit mehreren $(document).ready(function()

... im Shop ist es nun mal drin, ein paar Pfade zu CSS und Bilder passen noch nicht, ABER es laufen bislang anscheinend alle Scripts!

DANKE, war wohl der entscheidende Tipp ;)
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Problem mit Scroll-Link nach Update auf Shop-Version 5.3.3 Technische Fragen zu Plugins und Templates 5
Neu Problem mit Shopify abgleich Shopify-Connector 2
In Diskussion Problem mit Steuerberechnung bei Freieretoure auf Tagesbericht und in Statistiken JTL-POS - Fehler und Bugs 4
[GELÖST] Wawi startet nicht mehr. Dringendes Problem! JTL-Wawi 1.9 2
Neu Ersatzlieferung - Paket steckt fest (klassisches Problem) User helfen Usern - Fragen zu JTL-Wawi 2
Problem bei Upgratevon Shop 4 auf shop 5 (SQLSTATE[42000]) Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu Produktbewertungen email - problem und fragen Betrieb / Pflege von JTL-Shop 0
Neu Falsche Steuersätze bei Amazon FBA Rechnungen | Problem: Versandland?! JTL-Wawi - Fehler und Bugs 1
Neu CSS Problem - Galerie - Hilfe gesucht, gerne auch gegen Entgelt Templates für JTL-Shop 8
Problem: Unterschiedliche Rechnungslayouts basierend auf Versandart in JTL-Wawi JTL-Wawi 1.8 6
Problem bei Workflow-Erstellung: Lieferzeit erhöhung" funktioniert nicht JTL-Wawi 1.8 16
Neukunden Problem JTL-Wawi 1.9 2
Neu Meta-Descriptions mit Sonderzeichen via JTL-Ameise importieren JTL-Ameise - Fehler und Bugs 1
Neu JTL Search: Full Export mit Cron ??? JTL-Search 1
Neu JTL WaWI abgleich mit Amazon für Deal Day & Black Friday User helfen Usern - Fragen zu JTL-Wawi 0
Neu Freitextfeld mit der Ameise hinzufügen User helfen Usern - Fragen zu JTL-Wawi 3
Warum und auf was updaten? Wir sind zufrieden mit der Version 1.6.48.0 JTL-Wawi 1.6 4
Lieferantenbestellung mit GLS Versandetikett an den Hersteller/Lieferanten per Mail Senden. JTL-Wawi 1.8 0
Neu Produktbewertungen bei Google Shopping mit anzeigen Technische Fragen zu Plugins und Templates 2
Neu Shopware 6.6.6.1 lässt sicht nicht mit der JTL Wawi verbinden Shopware-Connector 0
Auftrag mit Terminlieferung JTL-Wawi 1.9 2
Neu Fehler bei Export mit Versandart DHL / Die Sequenz enthält keine Elemente. JTL-ShippingLabels - Fehler und Bugs 0
Neu Probleme mit Größenreihenfolge beim CSV-Import User helfen Usern - Fragen zu JTL-Wawi 2
Neu Amazon Business Kunde Österreich mit USt in Wawi Amazon-Anbindung - Fehler und Bugs 1
Neu Workflow mit verfügbarem Bestand User helfen Usern - Fragen zu JTL-Wawi 4
Neu Anbindung an Idealo mit Plugin gesucht Schnittstellen Import / Export 0
Neu Drop Shipping - Beide Firmen mit JTL Wawi - Wie löse ich das? Arbeitsabläufe in JTL-Wawi 10
Neu Mail Vorlagen mit verschiedenen Absender - Mail Adressen User helfen Usern - Fragen zu JTL-Wawi 1
Neu Email Rechnung mit PDF von Ebay blockiert ? eBay-Anbindung - Fehler und Bugs 2
Artikel mit unterschiedlichen Währungen JTL-Wawi 1.9 1
Neu GPSR Verordnung - Wie handhabt ihr das im Shop mit dem Nova Template? Betrieb / Pflege von JTL-Shop 14
Neu Plugin: WooCommerce Wallet oder Gutscheine mit JTL nutzen - Fehler in der MwSt User helfen Usern - Fragen zu JTL-Wawi 0
Lagerartikel mit Variation, von denen manche kein Lager brauchen JTL-Wawi 1.9 1
Chargennummer eines Artikels auf der Rechnung mit ausdrucken JTL-Wawi 1.9 3
Neu Amazon Custom Orders mit Bildern von Kunden Amazon-Anbindung - Ideen, Lob und Kritik 0
Neu Sales Info / Aussendienst Informationssystem mit Besuchserfassung und vielen weiteren Funktionen auf der JTL Connect 2024 Dienstleistung, Jobs und Ähnliches 1
Neu Export / Exportformate: Anleitung bzw. Infoseite mit zulässigen Tags ? Betrieb / Pflege von JTL-Shop 0
Zahlungsmodul mit DKB klappt nicht JTL-Wawi 1.9 23
Neu neue Tarife mit Shop verstehe ich da was falsch? Allgemeine Fragen zu JTL-Shop 3
Neu Kern Waage die im Netzwerk hängt (via Moxa NPort 5100) auf RDP Server mit WMS nutzen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Hat jemand Erfahrung mit MrPacket? User helfen Usern 0
Neu Abgleich mit JTL Shop läuft nach zahlreichen erfolgreichen Durchläufen nicht mehr weiter JTL-Shop - Fehler und Bugs 11
Neu Wie andere Länder und Sprachen vom Google Shopping Plugin mit dem Merchant Center verbinden Plugins für JTL-Shop 6
Neu Nutzung von JTL POS im B2B Bereich mit späterer Zahlung Allgemeine Fragen zu JTL-POS 0
Neu Abholung mit DHL: Ist das immer so schlimm? User helfen Usern 5
Stücklisten mit begrenzter Stückzahl JTL-Wawi 1.9 2
Auftrag ohne Versand aber mit Lagerbuchung abschließen JTL-Wawi 1.9 1
Neu Ebay Verkäufe - Auswahlartikel mit händischer Auswahl in der Rechnung - wie bei Wawi 1.9 vorgehen ?! Arbeitsabläufe in JTL-Wawi 0
Neu Einstieg in die JTL-Welt – JTL-Start mit Wawi-Lager oder gleich JTL-WMS? User helfen Usern - Fragen zu JTL-Wawi 23
Neu Artikel-Etiketten zusammen mit Pickliste drucken Arbeitsabläufe in JTL-Wawi 0

Ähnliche Themen