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

wawi-dl · 11. August 2013

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

DieUpdater · 11. August 2013

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 · 11. August 2013

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 · 11. August 2013

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.

Thomas_S · 11. August 2013

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 · 11. August 2013

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

lol ... öhm ja klappte ^^

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

wawi-dl · 11. August 2013

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 😉

Suche

Suche

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

wawi-dl

Sehr aktives Mitglied

Anhänge

DieUpdater

Aktives Mitglied

Modulexpert

Sehr aktives Mitglied

wawi-dl

Sehr aktives Mitglied

Thomas_S

Sehr aktives Mitglied

wawi-dl

Sehr aktives Mitglied

wawi-dl

Sehr aktives Mitglied

Ähnliche Themen