【问题标题】:JQuery closeable tabs and Ajax scriptsJQuery 可关闭选项卡和 Ajax 脚本
【发布时间】:2012-02-10 11:25:58
【问题描述】:

我的页面上有以下可关闭的 JQuery 选项卡。它在选项卡中打开一个新的 jsp 页面,该页面正在运行一个 ajax 函数来轮询最新数据(通过 servlet)。 HREF 链接包含发生轮询的参数。虽然第一页可以正常打开,但除第一页外,其他页面不会运行脚本。有什么想法吗?

尝试将缓存设置为 true(第一页一直正常工作)和 false(第一页在打开新标签时也停止工作)

主页面中的JQuery:

function opentabs() {
    $(function () {
        var tab_counter = 0;
        $('#tabs1').tabs({
            closable: true,
            cache: false,
            add: function (e, ui) {
                $('#tabs1').tabs('select', '#' + ui.panel.id);
            }
        });
        $("a.tablinks").bind("click", function () {
            tab_counter += 1;
            $('#tabs1').tabs('add', $(this).attr('href'), $(this).attr('id'));
            return false;
        });
        $('#tabs2').tabs();
    });
}(jQuery);

$(document).ready(opentabs);

链接jsp页面中的Ajax轮询功能:

var i=self.setInterval("sendRequest()",60000);

【问题讨论】:

    标签: javascript jquery ajax jsp


    【解决方案1】:

    我不能 100% 确定我理解您的所有问题,但是查看代码本身,我看到了:

    当页面加载时,$(document).ready 只被调用一次。因此,在加载新选项卡时不会再次调用它。

    【讨论】:

    • 感谢您的回复 FMaz。可关闭的标签 JQuery 在主页中运行并且工作正常。这些选项卡是指向另一个 jsp 页面的链接,该页面运行一个轮询 ajax 来查询每个选项卡中的最新数据。第一个选项卡工作正常(即)链接的 jsp 页面不断轮询最新数据(它就像一个带有运行仪表的仪表板)。之后打开的每个新选项卡都不会运行轮询 ajax 功能。
    • 但是什么触发/调用轮询 ajax 函数?什么时候发生?
    • ajax函数由页面上的var i=self.setInterval(sendRequest(), 60000)脚本触发。并使用 卸载以停止轮询。每个选项卡都应该显示来自特定站点的定期更新的仪表读数。像站点 1 的选项卡 1 和站点 2 的选项卡 2 等。
    猜你喜欢
    • 1970-01-01
    • 2013-03-10
    • 2020-06-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多