Я начал экспериментировать с Isotope на jsFiddle, на который наткнулся, а затем скопировал точный код в text/edit, чтобы создать очень простую тестовую страницу. Вот моя проблема: jsFiddle и тестовая страница, которую я сделал, не совпадают.
- jsFiddle: http://jsfiddle.net/emilyryder/DEQZB/
- Мой тестовый сайт: http://emilyryder.com/test/test.html
Моими желаемыми эффектами являются макет каменной кладки, три столбца и процентная ширина, чтобы они изменяли размер с помощью браузера.
Похоже, моя тестовая страница подчиняется только CSS, а не JavaScript.
Я использовал JavaScript, но не jQuery, и я понимаю, что Isotope — это подключаемый модуль jQuery. (Есть ли какой-то шаг, который я здесь пропустил, или я могу просто добавить этот код на свой сайт?)
Также есть «Внешний ресурс», который, как я теперь думаю, является кодом для оригинального jsFiddle, который я нашел, но в то время (около часа назад) я думал, что он был сгенерирован для меня, когда я писал скрипт, и что я должен был прикрепить это сохраняется под тем же именем, что и «jquery.isotope.min.js». (Никогда раньше не использовал jsFiddle, ха-ха) Однако удаление ссылки на код не влияет на сайт.
Код jsFiddle на моей странице test.html, запрашивающий JavaScript и CSS:
<link rel="stylesheet" href="teststyle.css">
<script type="text/javascript" src="jquery.isotope.min.js"></script>
<script type="text/javascript" src="js.js"></script>