6

在我的公司，我们正在努力使用令人惊叹的 Disqus 小部件提供良好的评论体验。

我们的网站完全基于 AJAX，最多使用 requirejs、jquery 和骨干网。

我们已经在需要它的页面上添加了 Disqus 小部件。在页面更改期间，我们当然会破坏 Disqus 小部件所在的 div 并再次实例化所有内容。

每个浏览器上的旧小部件一切都很好。问题发生在激活 Disqus 2012 的小部件时，在 Safari 和 Chrome 上没有出现错误“Uncaught TypeError: Cannot call method 'postMessage' of null”。火狐很好用。

这是涉及的代码：

define([
  'underscore',
  'backbone',
  'models/config',
  'models/book'
], function(_, Backbone, config) {

    App.Models.Disqus = Backbone.Model.extend({
        bookObj: null,

        initialize: function(options){
            console.log("discus.initialize()");
            var _this=this;

            _this.bookObj= new App.Models.Book({id: options.id});
            _this.bookObj.fetch({
                dataType: 'jsonp',
                success: function(model,response){
                    (typeof DISQUS == 'undefined')?_this.initDisqus():_this.resetDisqus();              }
            });

        },

        initDisqus: function(){
            console.log("discus.init()");
            disqus_shortname=config.get('DISQUS_ID');
            disqus_title = this.bookObj.get('content').title; 
            disqus_config = function (){
                // this.page.identifier = _this.id;
                // this.page.url = document.URL;
                this.language = config.get('LANG');
            };
            require(['http://'+disqus_shortname+'.disqus.com/embed.js'], function(){});
        },

        resetDisqus: function(){
            console.log("discus.reset()");
            var _this=this;
            DISQUS.reset({
                reload: true,
                config: function(){
                    this.page.identifier = _this.id;
                    this.page.url = document.URL;
                    this.page.title = _this.bookObj.get('content').title;
                    this.language = config.get('LANG');
                }
            });
        }

    });

    return App.Models.Disqus;
});

如果您需要更多信息，请随时询问。

在此先感谢，乔治

好的，伙计们，以这种方式解决：

define([
  'underscore',
  'backbone',
  'models/config',
  'models/book'
], function(_, Backbone, config) {

    App.Models.Disqus = Backbone.Model.extend({
        bookObj: null,

        initialize: function(options){
            console.log("discus.initialize()");
            var _this=this;
            _this.bookObj= new App.Models.Book({id: options.id});
            _this.bookObj.fetch({
                dataType: 'jsonp',
                success: function(model,response){
                    //(typeof DISQUS == 'undefined')?_this.initDisqus():_this.resetDisqus();

                    delete DISQUS;

                    disqus_shortname = config.get('DISQUS_ID');
                    disqus_identifier = _this.id;
                    disqus_url = document.URL;         
                    disqus_title = _this.bookObj.get('content').title;

                    (function() {
                        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                    })();

                }
            });
        },
    });

    return App.Models.Disqus;
});
4

2 回答 2

1

正如DISQUS.reset 文档所述，您需要重置 Disqus 线程的标识符和 URL。这是通过文档中提供的两个变量完成的：this.page.identifier和this.page.url. 现在，您正在 Disqus 中重置页面标题和语言。请尝试重置标识符和 URL。

于 2012-10-19T22:35:14.010 回答
0

我也遇到了这个问题，但是上面的解决方案（删除 DISQUS 并在页面上重新加载脚本）在严格模式下不起作用。尝试删除 DISQUS 会导致错误“Delete of an unqualified identifier in strict mode”。

我通过确保我永远不会删除 Disqus 附加到的容器来解决这个问题，这是我在用通过 ajax 新加载的帖子交换帖子时所做的。奇怪的是它在没有这个修复的情况下在 Firefox 中工作，但现在它在任何地方都可以工作。

于 2013-02-06T09:17:59.220 回答