| Autor |
Nachricht |
peter_lang
Threadersteller
Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Do 29.12.2011 18:49
Titel Zwei $(document).ready(function() beissen sich |
  |
|
Hi zusammen,
ich habe auf einer Seite 2 Funktionen, einmal den bgstrecher und eine slidebox ... irgendwas beisst sich, so dass eine Funktion nicht ausgeführt wird.
| Code: | <script type="text/javascript">
$(document).ready(function(){
// Initialize Backgound Stretcher
$('BODY').bgStretcher({images: ['_images/backgrounds/bg_home.jpg'], imageWidth: 1024, imageHeight: 768});
});
</script> |
und für die slidebox
| Code: | <script>
$(document).ready(function(){
$("#moreitems").slideBox({width: "100%", height: "210px", position: "bottom"});
});
</script> |
...habe die versucht zusammen zu setzen in
| Code: | <script type="text/javascript">
$(document).ready(function(){
// Initialize Backgound Stretcher
$('BODY').bgStretcher({images: ['_images/backgrounds/bg_home.jpg'], imageWidth: 1024, imageHeight: 768});
$("#moreitems").slideBox({width: "100%", height: "210px", position: "bottom"});
});
</script> |
aber das nimmt er nicht... woran kann es liegen?
|
|
| |
  |
 |
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 42
Geschlecht:
|
Verfasst Fr 30.12.2011 11:35
Titel Re: Zwei $(document).ready(function() beissen sich |
|
|
| peter_lang hat geschrieben: | | ... woran kann es liegen? |
Was sagt denn deine Fehlerkonsole so?
Außerdem: Klick -> Bitte Punkt 2 und 5 beachten ^^
|
|
| |
|
|
|
Anzeige
|
|
|
peter_lang
Threadersteller
Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 30.12.2011 15:12
Titel
|
|
|
ahh..ok...hab da gepennt wg dem richtigen Forum ..
Fehlermeldung besagt nur:
Zeile: 31
Zeichen: 3
Das Objekt untestützt diese Eiegnschaft oder Mehtode nicht
und die Zeile 31 ist diese
| Code: | | $('BODY').bgStretcher({images: ['_images/backgrounds/bg_home.jpg'], imageWidth: 1024, imageHeight: 768}); |
|
|
| |
|
|
buddha-brot
Dabei seit: 24.01.2006
Ort: Süd/Süd-West
Alter: -
Geschlecht:
|
Verfasst Fr 30.12.2011 15:20
Titel
|
|
|
Irgendwo muss die bgstretcher-Function ja auch eingebunden werden.
Zeig doch mal ein bisschen mehr Code.
|
|
| |
|
|
peter_lang
Threadersteller
Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 30.12.2011 15:31
Titel
|
|
|
also das sind die 2 Einbindungen im header
| Code: |
<script type="text/javascript" src="_bgstretcher/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="_bgstretcher/bgstretcher.js"></script>
<link rel="stylesheet" href="_bgstretcher/bgstretcher.css" />
<script type="text/javascript">
$(document).ready(function(){
// Initialize Backgound Stretcher
$('BODY').bgStretcher({images: ['_images/backgrounds/bg_home.jpg'], imageWidth: 1024, imageHeight: 768});
});
</script>
<link rel="stylesheet" href="_slidebox_bottom/style/slidebox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="_slidebox_bottom/style/slidebox-my-own-style.css" type="text/css" media="screen" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="_slidebox_bottom/slidebox.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#moreitems").slideBox({width: "100%", height: "210px", position: "bottom"});
});
</script> |
Was ich bereits rausgefunden habe, wenn ich die "jquery-latest.js" raus nehme, dann ist zwar der bottom slider ca. 500px tiefer auf der Seite aber beides funzt dann....ergo liegt es an einem der beiden jquery
|
|
| |
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 37
Geschlecht:
|
|
| |
 |
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.12.2011 16:25
Titel
|
|
|
| peter_lang hat geschrieben: | | Was ich bereits rausgefunden habe, wenn ich die "jquery-latest.js" raus nehme, dann ist zwar der bottom slider ca. 500px tiefer auf der Seite aber beides funzt dann....ergo liegt es an einem der beiden jquery |
Naja, du lädts das Framework in der Version 1.7.1 und dann nochmal
darauf in der letzten Version (und das ist imho ja auch 1.7.1) - und das
ist generell suboptimal. Wenn dann nur einmal laden - am besten die 1.7.1
- ansonsten bekommst du mglw. bei einem update seitens jQuery einen
Fehler (wenn zb. irgendwas nicht kompatibel ist).
Wg. slideBox zu weit unten:
Sämtliche Stylesheets würde ich immer vor den Scripts laden. Dann beide
Inits in ein document.ready rein. So praktisch:
| Code: |
<link rel="stylesheet" href="_bgstretcher/bgstretcher.css" />
<link rel="stylesheet" href="_slidebox_bottom/style/slidebox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="_slidebox_bottom/style/slidebox-my-own-style.css" type="text/css" media="screen" />
<script type="text/javascript" src="_bgstretcher/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="_bgstretcher/bgstretcher.js"></script>
<script type="text/javascript" src="_slidebox_bottom/slidebox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('BODY').bgStretcher({images: ['_images/backgrounds/bg_home.jpg'], imageWidth: 1024, imageHeight: 768});
$("#moreitems").slideBox({width: "100%", height: "210px", position: "bottom"});
});
</script>
|
Und wenn der Slider dann immer noch zu weit unten sitzt,
mal den den BgStretcher auskommentieren. Wenns ohne dem
dann geht, orientiert sich das slideBox-Script mit 'bottom' wohl
an der Höhe des Bodys - und das könnte in dem Fall dann ja
durch das bgStretcher-Script modifiziert sein....
Das ist aber nur theoretische Vermutungen - ohne Link zur Site
kann man das schwer nachvollziehen.
Grüße
zweitaccount
|
|
| |
|
|
peter_lang
Threadersteller
Dabei seit: 07.12.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 30.12.2011 17:20
Titel
|
|
|
also das noConflict hat leider null gefunzt...
@zweitaccount: org war die JQuery 1.5.2. drin... da war das selbe Problem.
Ich habe deinen "Zusammenfassung" mal eingebaut...und sehr geil... es werden beide
Query angezeigt, das Layout ist nur hopps, dass muss ich mir nochmal anschauen, ist dann
eine CSS Sache.
Thx
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[jQuery] ie6 problem mit $(document).ready(function()?
document.ready(function) - Sound abspielen ?
.lightBox is not a function
Javascript Function Parameter
Flash MX | function + setInterval PROBLEM!!!
[PHP] function return, fehler [solved]
|
|
Willkommen auf dem Portal für Mediengestalter
