Hallo,
ich wollte mal fragen, wie man Javascript Code richtig einbinden muss. Ich möchte gerne diesen Slider https://codepen.io/MhSami/pen/zNBMbj in den Header einbauen. Muss man da zwingend mit dem templateListener arbeiten?
Wie bindet man Javascript richtig ein?(WSC 3)
-
-
Ne du kannst natürlich auch einfach ein Link (oder das gesamte Script ins Template setzen:
HTML
Alles anzeigen<script data-relocate="true" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script data-relocate="true"> //<![CDATA[ $('.carousel[data-type="multi"] .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); for (var i=0;i<4;i++) { next=next.next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); } //]]> </script>Beachte aber das du zwingend auch das CSS benötigst:
https://maxcdn.bootstrapcdn.co…3.6/css/bootstrap.min.css
Ich denke nicht daß das Script funktionieren wird, das ist ziemlich alt und du bindest das komplette Bootstrap-JS ein, Das wird mit Sicherheit irgendwo krachen.
-
Dankeschön.
