Почему этот плагин JQuery не работает?

Question

Почему этот плагин JQuery не работает?

0

Я пытаюсь сделать этот плагин для органайзера изображений в моем блоге, но я не могу найти способ сделать это.

По-видимому, все, что мне нужно сделать, это поместить ссылку jquery src, ссылку src для плагина jquery и вызвать функцию для определенного div, к которому будет применяться плагин.

Это код, который я пытаюсь применить:

<html>

<head>

<style>

</style>

<script src = "http://code.jquery.com/jquery-2.0.3.js"> </script>
<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>
<script>

$(document).ready(function(){
  $("#container").gridalicious();
});

</script>


</head>

<body>

<div id = "container">
<img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>  
<img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>  
<img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>  
<img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>  
</div>

</body>
</html>

Что я делаю не так?

Renato Araújo 23 окт. 2013, в 05:43

Источник

0

Вы смотрели в консоли ошибок браузера или консоли отладчика ошибки сценариев? Это почти всегда вещь № 1, которую вы должны делать, когда что-то не работает.
jfriend00 23 окт. 2013, в 02:59

Теги:

jquery

plugins

grid

image

1 ответ

Ещё вопросы

Вы смотрели в консоли ошибок браузера или консоли отладчика ошибки сценариев? Это почти всегда вещь № 1, которую вы должны делать, когда что-то не работает.

Thomas Kelley · Answer 1 · 2013-10-23T00-16-00.000Z

В этой строке:

<script src = "http://f.cl.ly/items/0O3A2k2d3K360u34473D/grid-a-licious.js"> </scipt>

Fix:

</script>

... забыл r :)

редактировать

Похоже, что теги <img/> должны быть внутри <div/>, с классом item. Попробуйте это как ваш <body/>:

<body>    
    <div id = "container">
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_kzjlfiTnfe1qz4rgho1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lwh5eeaHae1qgf9y4o1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_lw3xaouWBm1qjg75jo1_500.jpg"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2i55maEmI1qdqv28o1_500.png"/>
        </div>
        <div class="item">
            <img src= "http://25.media.tumblr.com/tumblr_m2g0fpyDgn1r7j6ouo1_500.gif"/>
        </div>
        <div class="item">
            <img src= "http://24.media.tumblr.com/tumblr_m56ffozeAb1r3qiz4o1_500.gif"/>
        </div>
    </div>
</body>

только что исправил, но все равно не будет работать: /
Обновил ответ. Похоже, теперь работает для меня.