Hallo Hafu,
entwickle sowohl Java als auch JavaScript :-P ... aber hier ist wohl eher letzteres gefragt.
Das Script masonry.pkgd.min.js hat deine Tochter wohl von
https://masonry.desandro.com
Aber sie hat wohl die Initialisierung noch mit oben reingeschrieben. Dabei hat sie die Initialisierung mit jQuery versucht:
Zitat:
// init Masonry
var $grid = $('.grid').masonry({// options...
});
// layout Masonry after each image loads
$grid.imagesLoaded().progress(function() {
$grid.masonry('layout');
});
|
Das sollte sie aus mehreren Gründen entfernen:
1. wenn sie die Fremdbiblothek irgendwann aktualisieren will, kann sie nicht einfach die Datei tauschen "und gut is" sondern sie muss daran denken, dass sie hier etwas manipuliert hat. Üblicherweise macht man solche Initialisierungen in eine eigene JavaScript-Datei
2. Es wurden keine Options angegeben: Der Inhalt wo // options steht fehlt. Im Beispiel auf der o.g. Webseite steht:
Zitat:
$('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});
|
3. Ihre Seite nutzt kein jQuery also sollte sie auch nicht die Initialisierung via jQuery wählen. Das Problem an JavaScript... sobald 1 Fehler auftritt (den man nicht behandelt hat), wird kein weiterer JavaScript-Code ausgeführt. Hier wird jQuery ($) nicht gefunden.
4. Deshalb funktioniert auch die Initialisierung via HTML nicht, da der JavaScript-Code unterhalb des eingefügten Teils nicht mehr ausgeführt wird.
Zitat:
<div class="grid" data-masonry='{ "itemSelector": ".grid-item", "columnWidth": 399, "fitWidth": true, "gutter": 30 }'>
|
Der schaut für mich auf den ersten Blick sauber aus. Zumindest steht es auf o.g. Anleitung der Webseite nicht anders aus.
Also selbst geschriebenen Code entfernen und happy sein :-)