jQuery $ aanroep wijzigen
Men schrijft: wijzig de $ aanroep van jQuery.
Maarrrr... ik doe het toch niet goed want het werkt niet samen!
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="_js/jquery-1.7.1.js"></script>
<script type="text/javascript">var jQ = $.noConflict(true);</script>
<script type="text/javascript" src="_js/jquery.tinyscrollbar.js"></script>
<script type="text/javascript">
$jQ(document).ready(function(){
$jQ('#kolom3-02-main').tinyscrollbar();
$jQ('#kolom2-02-b-nieuwsflits').tinyscrollbar();
});
</script>
<script type="text/javascript" src="_js/TopUp/jquery/all.js"></script>
<script type="text/javascript">var jq14 = $.noConflict(true);</script>
<script type="text/javascript" src="_js/TopUp/top_up.js"></script>
<script type="text/javascript">var jQ = $.noConflict(true);</script>
<script type="text/javascript" src="_js/jquery.tinyscrollbar.js"></script>
<script type="text/javascript">
$jQ(document).ready(function(){
$jQ('#kolom3-02-main').tinyscrollbar();
$jQ('#kolom2-02-b-nieuwsflits').tinyscrollbar();
});
</script>
<script type="text/javascript" src="_js/TopUp/jquery/all.js"></script>
<script type="text/javascript">var jq14 = $.noConflict(true);</script>
<script type="text/javascript" src="_js/TopUp/top_up.js"></script>
Wanneer ik het TopUp gedeelte, dus zonder jQuery-1.7.1 op een andere pagina gebruik werkt deze perfect. Het zit hem dus in de aanroep van $ / $jQ, denk ik. Maar hoe?
Gewijzigd op 22/03/2012 16:30:20 door Harry Hartman
volgens mij kan je alleen aanroepen met $(), of jQuery(). het is nog steeds een functie, en volgens mij bestaat $jQ niet eens
Jeroen vd op 22/03/2012 16:34:52:
volgens mij kan je alleen aanroepen met $(), of jQuery(). het is nog steeds een functie, en volgens mij bestaat $jQ niet eens
Daardoor krijg je juist een conflict met de andere library omdat deze dit ook gebruikt.
Ik had begrepen door var jQ = $.enz te gebruiken je $ en jQuery aanroep veranderd in $jQ (mag ook andere letters zijn). Maar goed, ik doe de aanroep toch ergens niet goed want het werkt niet!
waarom gebruik je twee libraries? wat is er anders aan? je kunt beter gewoon de laatste library gebruiken, hoef je ook niet moeilijk te doen
jQuery.noConflict() uitgevonden.
Verder kun je altijd jQuery gebruiken, dus:
En je kan ook dit gebruiken:
Merk op dat ik de eerste (.ready) functie aanroep met jQuery en vervolgens in de callback functie als parameter $ meegeef. Dit betekend dat we in deze hele functie de $ kunnen gebruiken i.p.v. jQuery.
Hiervoor heeft jQuery de Verder kun je altijd jQuery gebruiken, dus:
En je kan ook dit gebruiken:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
var $ = 'hello world'; // override jQuery shortcut
jQuery(document).ready(function($) {
// $ bevat nu de waarde van jQuery
$('#box').slideDown('fast');
});
document.write($); // geeft weer 'hello world' wat we hebben ingesteld
jQuery(document).ready(function($) {
// $ bevat nu de waarde van jQuery
$('#box').slideDown('fast');
});
document.write($); // geeft weer 'hello world' wat we hebben ingesteld
Merk op dat ik de eerste (.ready) functie aanroep met jQuery en vervolgens in de callback functie als parameter $ meegeef. Dit betekend dat we in deze hele functie de $ kunnen gebruiken i.p.v. jQuery.
Jeroen vd op 22/03/2012 17:04:05:
waarom gebruik je twee libraries? wat is er anders aan? je kunt beter gewoon de laatste library gebruiken, hoef je ook niet moeilijk te doen
Het zijn uiteraard niet 2 versies van jQuery maar een js er naast die ook $ aanroep gebruikt.
Toevoeging op 22/03/2012 20:40:14:
Ben eruit hoor...
In het script in de vraag zit ieder geval een grote fout van $jQ i.p.v. jQ aangezien de $ of jQuery overschreven wordt door jQ.
Net als voor TopUp, var wordt jq14 welke ik in het top-up.js script inderdaad terug vond.
Voor de volledigheid de werkende code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="_js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="_js/jquery.tinyscrollbar.js"></script>
<script type="text/javascript">
var jQ = jQuery.noConflict(true);
jQ(document).ready(function(){
jQ('#kolom3-02-main').tinyscrollbar();
jQ('#kolom2-02-b-nieuwsflits').tinyscrollbar();
});
</script>
<script type="text/javascript" src="_js/TopUp/jquery/all.js"></script>
<script type="text/javascript">var jq14 = jQuery.noConflict(true);</script>
<script type="text/javascript" src="_js/TopUp/top_up.js"></script>
<script type="text/javascript" src="_js/jquery.tinyscrollbar.js"></script>
<script type="text/javascript">
var jQ = jQuery.noConflict(true);
jQ(document).ready(function(){
jQ('#kolom3-02-main').tinyscrollbar();
jQ('#kolom2-02-b-nieuwsflits').tinyscrollbar();
});
</script>
<script type="text/javascript" src="_js/TopUp/jquery/all.js"></script>
<script type="text/javascript">var jq14 = jQuery.noConflict(true);</script>
<script type="text/javascript" src="_js/TopUp/top_up.js"></script>