加载另一个页面的DIV,与它进行交互?可能? (jQuery的)

时间:2012-04-01 19:18:36

标签: javascript jquery html

在我频繁出现的论坛上,有一个吼叫声。管理员将其从索引中删除,以鼓励人们发布更多内容。我想从它的页面中拉出shoutbox并再次将它放在索引上。我可以从页面中拉出shoutbox的div并将其加载到索引上,但要么是干扰了另一个脚本,要么它不会主动加载以便能够使用,因为所有按钮都不起作用。我认为shoutbox使用AJAX进行动态加载和喊叫,但我对这一切都不熟悉。请帮忙。这是Greasemonkey的用户脚本,因此请注意脚本的限制。

// ==UserScript==
// @name          DW24/7 Shoutbox Index
// @namespace     McPeake
// @description   Shoutbox on index
// @include       http://forums.digitalwarfare247.com/* 
// ==/UserScript==

var jQuery;

// Add jQuery
(function(){
    if (typeof unsafeWindow.jQuery == 'undefined') {
        var GM_Head = document.getElementsByTagName('head')[0] || document.documentElement,
            GM_JQ = document.createElement('script');

        GM_JQ.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js';
        GM_JQ.type = 'text/javascript';
        GM_JQ.async = true;

        GM_Head.insertBefore(GM_JQ, GM_Head.firstChild);
    }
    GM_wait();
})();

// Check if jQuery's loaded
function GM_wait() {
    if (typeof unsafeWindow.jQuery == 'undefined') {
        window.setTimeout(GM_wait, 100);
    } else {
        $ = unsafeWindow.jQuery.noConflict(true);
        letsJQuery();
    }
}

// All your GM code must be inside this function
function letsJQuery() {
$(document).ready(function() {
$("#category_45").load('http://forums.digitalwarfare247.com/index.php?/shoutbox #shoutbox-wrapper');
});
}

如果这很重要: 链接到shoutbox脚本:http://forums.digitalwarfare247.com/public/js/shoutbox.js

链接到其他脚本:http://forums.digitalwarfare247.com/public/js/shoutbox.ajax.js

感谢。

1 个答案:

答案 0 :(得分:1)

我不知道这是否具体解决了你的答案。但是jQuery的方法load可以加载页面片段(请参阅上一个链接中的“加载页面片段”部分)。但是,我认为它不会在网站中跨域工作;可能,Greasemonkey不同。

修改:请参阅相关的StackOverflow问题:Load content of a div on another page