微格式oomph.js中断了我的JS的其余部分

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版)来解决这个问题。