Suche
| Besucherstatistik | |
| Besucher gesamt: | 52.734 |
| Besucher heute: | 1 |
| Besucher gestern: | 94 |
| Seitenstatistik | |
| Seitenaufrufe gesamt: | 288.002 |
| Seitenaufrufe diese Seite: | 3.639 |
| Online | |
| gerade online: | 1 |
|
|
Anweisung zum Einbinden des JQUERY Core ins Template
Es gibt 2 Möglichkeiten jquery ins Template einzubinden. Voraussetzung ist die Einbindung von register_frontend_modfiles
1) entweder im head Bereich in dieser Reihenfolge
<?php
if(function_exists('register_frontend_modfiles')) {
register_frontend_modfiles('css');
register_frontend_modfiles('jquery');
register_frontend_modfiles('js');
}
?>
</head>
<body>
content .......
2) Oder vor body Ende
<?php
if(function_exists('register_frontend_modfiles_body')) {
register_frontend_modfiles_body('jquery');
register_frontend_modfiles_body('js');
}
?>
</body>
</html>
Diese Zeile ruft automatisch alle nötigen jquery scripte und Stylesheets auf, die zum Ausführen der Jquery Plugins benötigt werden
register_frontend_modfiles_body('jquery');
Bitte daran denken, dass die Einbindung nur einmal erfolgt. Entweder im Head oder vor Body Ende
Setzen der Pfade und URLs erfolgen automatisch über WebsiteBaker
Nach dem Motto "Alles kann, nichts muss" haben wir immer noch die Möglichkeit, wie vorher die Basisscripte von Jquery einzubinden. Die neue Methode macht nichts anderes, nimmt uns aber diese Arbeit ab.
<script type="text/javascript"> var URL = '<?php print WB_URL; ?>'; var WB_URL = '<?php print WB_URL; ?>'; var TEMPLATE_DIR = '<?php print TEMPLATE_DIR; ?>'; </script> <script src="<?php print WB_URL; ?>/include/jquery/jquery-min.js" type="text/javascript"></script> <script src="<?php print WB_URL; ?>/include/jquery/jquery-ui-min.js" type="text/javascript"></script> <script src="<?php print WB_URL; ?>/include/jquery/jquery-insert.js" type="text/javascript"></script> <script src="<?php print WB_URL; ?>/include/jquery/jquery_theme.js" type="text/javascript"></script> <script src="<?php print TEMPLATE_DIR; ?>/jquery_frontend.js" type="text/javascript"></script>
Eine Besoderheit ist die Datei jquery_frontend.js. Ist diese Datei im aktuellen Templateverzeichnis vorhanden, wird sie automatisch mit eingebunden. Dort werden die jquery Anweisungen und Funktionen hinterlegt , wie z.B. der Aufruf der Lightbox.
if (jQuery) {
jQuery(document).ready(function(){
if($("a[rel^='lightbox']").length) {
$.insert(WB_URL+'/modules/jquery/plugins/jquery-slimbox2.css');
$.insert(WB_URL+'/modules/jquery/plugins/jquery-slimbox2-min.js');
}
... hier mehr funktionen
});
};
Viele Anwender setzen ihre Jquery Aufrufe in den Quelltext, Kein Problem, einfach die jquery_frontend.js weglassen. Dazu ist es aber erforderlich die Scripte in den Head einzubinden.
.
