Question

我有五个标签。单击选项卡时，通过ajax（.load（））加载内容。每个标签内容各不相同这导致浏览器跳转。有没有可能避免这些跳跃？我尝试min-height，但内容高度会动态变化，因此设置它会导致页面上出现空白空间。此问题只发生一次。如果我再次单击同一选项卡，则不会跳转。

闪烁，标签内容包含图像。它也会引起闪烁。

请分享您的想法，以克服这些跳跃＆amp;闪烁。

添加代码：

jQuery("#tabs a").click(function(event){
    var url_to_load = jQuery(this).attr('href');

    jQuery( ".tab-content-wrapper" ).load(url_to_load+" .tab-content-wrapper", function( response, status, xhr ) {
    var head = response.match(/<meta[^>]*>[\s\S]/gi);
    jQuery("meta").remove();
    jQuery("head").prepend(head);


    }); 

});`

Answer 1

尝试使用Ladda或先加载所有标签内容（如果有大量数据则延迟加载）并只需更改标签以防止默认设置

Ajax加载导致跳转问题和闪烁问题

1 个答案: