Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery选项卡:如何避免在加载时显示选项卡?_Javascript_Jquery_Jquery Ui_Jquery Ui Tabs - Fatal编程技术网

Javascript jQuery选项卡:如何避免在加载时显示选项卡?

Javascript jQuery选项卡:如何避免在加载时显示选项卡?,javascript,jquery,jquery-ui,jquery-ui-tabs,Javascript,Jquery,Jquery Ui,Jquery Ui Tabs,我使用jQuery选项卡来显示某些列表。我能够使标签工作。显然,它在加载选项卡时显示所有内容 有没有办法避免加载显示?对于所有选项卡,只需给出style=“display:none;”“: 您可以使用beforeLoad事件隐藏内容,并在完全加载后显示内容 例如: $(function() { $("#tabs").tabs({ /* before tab is loaded */ beforeLoad: function(event, ui) {

我使用jQuery选项卡来显示某些列表。我能够使标签工作。显然,它在加载选项卡时显示所有内容


有没有办法避免加载显示?

对于所有选项卡,只需给出
style=“display:none;”“


您可以使用beforeLoad事件隐藏内容,并在完全加载后显示内容

例如:

$(function() {
    $("#tabs").tabs({

        /* before tab is loaded */
        beforeLoad: function(event, ui) {
            $('#content').hide();

        },
        /* tab is loaded */
        load: function(event, ui) {
            $('#content').show();
        }
    });
});
或者就像praveen kumar描述的那样:

.ui-tabs-hide {display: none;}

容器的初始CSS:
display:none
。你能发布一些代码吗?你能更准确地告诉我你想要实现什么吗?这对我很有效。jquery选项卡在页面加载时被隐藏。非常感谢。
.ui-tabs-hide {display: none;}