我正在尝试与Disqus API合作,需要运行一些修改Disqus评论线程的JavaScript代码。
如何在Disqus线程加载后运行JavaScript代码?
我正在尝试与Disqus API合作,需要运行一些修改Disqus评论线程的JavaScript代码。
如何在Disqus线程加载后运行JavaScript代码?
setInterval()
来检查Disqus容器div的高度。
例如:
var editable = true; // set a flag
setInterval(function() {
// Initially Disqus renders this div with the height of 0px prior to the comments being loaded. So run a check to see if the comments have been loaded yet.
var disqusHeight = $('#dsq-2').height();
if ( disqusHeight > 0 ) {
if (editable) { // To make sure that the changes you want to make only happen once check to see if the flag has been changed, if not run the changes and update the flag.
editable = false;
// Your code here...
}
}
}, 100);
试试这个:
function disqus_config() {
this.callbacks.onReady.push(function () {
// your code
});
}
evento.add(window, "load", function () {
var w = window,
d = document,
a = d.getElementById("disqus_thread") || "",
disqus_shortname = a ? (a.dataset.shortname || "") : "",
embed_js_src = ("https:" == w.location.protocol ? "https" : "http") + "://" + disqus_shortname + ".disqus.com/embed.js",
g = ".grid",
h = ".grid-item",
k = ".grid-sizer",
grid = d.querySelector(g) || "";
function build_layout() {
if (grid) {
if (w.Packery) {
var pckry = new Packery(grid, {
itemSelector : h,
gutter : 0
});
} else if (w.Masonry) {
var msnry = new Masonry(grid, {
itemSelector : h,
columnWidth : k
});
}
}
}
build_layout();
if (a && disqus_shortname) {
w.loadJS && loadJS(embed_js_src, function () {
if (grid) {
var f = !1;
setInterval(function () {
var disqus_thread_height = a.clientHeight || a.offsetHeight || "";
if (108 < disqus_thread_height && !1 === f) {
/* alert(disqus_thread_height); */
build_layout();
f = !0;
}
}, 100);
}
});
}
});
`<script>
var disqus_config = function () {
this.callbacks.onReady = [function(data) {
//your code here
}];
this.callbacks.afterRender= [function(data) {
//your code here
}];
this.callbacks.beforeComment= [function(data) {
//your code here
}];
this.callbacks.onInit= [function(data) {
//your code here
}];
this.callbacks.onNewComment= [function(data) {
//your code here
}];
this.callbacks.onPaginate= [function(data) {
//your code here
}];
this.callbacks.preData= [function(data) {
//your code here
}];
this.callbacks.preInit= [function(data) {
//your code here
}];
this.callbacks.preReset= [function(data) {
//your code here
}];
};
</script>`
var interval = setInterval(function() {
var $ = jQuery;
var disqusHeight = $('#disqus_thread').height();
if ( disqusHeight > 52 ) { // height 52px is header of Disqus, more than 52px means that disqus load comments
// Your code
clearInterval(interval); // after loaded comment we stop this script
}
}, 100);