Question

我正在写一个显示一些Flickr照片的小网页，还包括使用oomph.js的微格式。我有点JS，当我运行没有<script type='text/javascript' src="oomph.js"></script>的代码时，代码运行正常（我的所有照片都已加载。但是，当我添加上面的脚本标签时，我的照片无法加载。

这是我破产的JS（不显示照片）：

<script type='text/javascript' src="jquery-1.6.3.min.js"></script>
<script type='text/javascript' src="oomph.js"></script>

<script>
$(document).ready(function() {

var ajaxURL="http://api.flickr.com/services/feeds/groups_pool.gne?id=626753@N20&lang=en-us&format=json&jsoncallback=?"; 
$.getJSON(ajaxURL,function(data) {
    $('h1').text(data.title);
    $.each(data.items,function(i,photo) {
        var photoHTML = '<span class="image">';
        photoHTML += '<a href="' + photo.link + '">';
        photoHTML += '<img src="' + photo.media.m.replace('_m','_s') + '"></a>';
        $('#photos').append(photoHTML);
    }); // end each
}); // end get JSON

}); // end ready
</script>

以下是可行的代码（显示照片）：

<script type='text/javascript' src="jquery-1.6.3.min.js"></script>

<script>
$(document).ready(function() {

var ajaxURL="http://api.flickr.com/services/feeds/groups_pool.gne?id=626753@N20&lang=en-us&format=json&jsoncallback=?"; 
$.getJSON(ajaxURL,function(data) {
    $('h1').text(data.title);
    $.each(data.items,function(i,photo) {
        var photoHTML = '<span class="image">';
        photoHTML += '<a href="' + photo.link + '">';
        photoHTML += '<img src="' + photo.media.m.replace('_m','_s') + '"></a>';
        $('#photos').append(photoHTML);
    }); // end each
}); // end get JSON

}); // end ready
</script>

我浏览过互联网并且尚未找到解决方案。如果有人能对这个问题有所了解，我会非常感激:-)。

Answer 1

我能够通过包含旧版本的JQuery（版本1.3.2）

来解决此问题

Microformat oomph.js打破了我的其余JS

1 个答案: