0

我正在使用以下代码来简单地从特定 YouTube 视频中获取观看次数，并将其放置在 ID 为 ytviews 的 div 中：

var video_id='gRcGLk6izZ0';
$.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data){
document.getElementById('ytviews').innerHTML = (data.data.viewCount);
});

例子

这是我的问题：

我放置视图计数的 div 位于通过 AJAX 加载的页面上。因此，当我在加载 AJAX 时访问该页面时，视图计数不会显示。

这是 AJAX 代码：

$(function () {
    var b = "",
        a = $("#main-content");
    $("#page-wrap");
    $(document).delegate(".dyn a", "click", function () {
        window.location.hash = $(this).attr("href");
        return !1
    });
    $(window).bind("hashchange", function () {
        String.prototype.toTitleCase = function (b) {
            var a = this;
            1 !== b && (a = a.toLowerCase());
            return a.replace(/\b[a-z]/g, function (a) {
                return a.toUpperCase()
            })
        };
        b = window.location.hash.substring(1);
        document.title = window.location.hash.replace("#", "").replace(/[_]/g, " ").replace(".html", "").replace("and", "+").toTitleCase();
        b && a.find("#guts").fadeOut(200, function () {
            a.hide().load(b + " #guts", function () {
                a.fadeIn(200);
                $(".dyn a").removeClass("current");
                $(".dyn a[href=" + b + "]").addClass("current")
            })
        })
    });
    $(window).trigger("hashchange")
});

我在 Facebook 上遇到了同样的问题，我使用以下代码解决了这个问题，以便在将 AJAX 内容插入 DOM 后重新解析 FBML：

$(document).ajaxComplete(function(){
    try{
        FB.XFBML.parse(); 
    }catch(ex){}
});

我已经尝试将我的视图计数代码放在这个 ajaxComplete 解决方案中，这有点工作，只是它使 Facebook 链接变得疯狂并在页面中闪烁。

任何人都可以帮助我了解如何在加载 AJAX 内容后成功加载两者。

提前致谢！

4

1 回答 1

1

在load回调中，您可以添加 $.getJSON：

    ...
    b && a.find("#guts").fadeOut(200, function () {
        a.hide().load(b + " #guts", function () {
            a.fadeIn(200);
            $(".dyn a").removeClass("current");
            $(".dyn a[href=" + b + "]").addClass("current");
            $.getJSON('http://gdata.youtube.com/feeds/api/videos/'+video_id+'?v=2&alt=jsonc',function(data) {
                  $('#ytviews').html(data.data.viewCount);
            });
        })
    })
    ...
于 2013-05-09T13:55:27.247 回答