Question

我正在使用Web应用程序，我有一个包含jQuery UI选项卡的表单。我需要在多个页面中使用相同的表单，所以我把它放在一个jsp文件中，我试图使用.load（）函数来获取它。

$('#someDiv').load('someJsp.jsp?attribute=value',function(){});

它在所有表单中运行良好，但是当它加载UI选项卡时，它会将它们显示在另一个之下，而不是隐藏它们。

当我点击标签时，页面会滚动到正确的内容，但我希望它们是一个在另一个之后，而不是显示其他内容。

修改

我正在尝试使用函数

初始化选项卡

$( ".selector" ).tabs({ disabled: [ 1, 2 ] });

但它不起作用。

谢谢，抱歉我的英语不好。

Answer 1

请参阅以下演示。

function go_to_page(count, url, tab) {
    // Simulate a loading of 2 seconds
    setTimeout(function() {
        // Write tab content
        $('#' + tab + '-content').html('<span>Content of the ' + tab + ' tab which takes a while to load</span>');
        // Hide loading image
        $('#' + tab + ' .loading').hide();
        // Add tab count
        $('#' + tab + ' .tab_count').html(new Date().getTime()).show();
    }, 2000);
}

演示：

http://jsfiddle.net/r8AWd/

使用JavaScript将标签加载到HTML中

1 个答案: