将其混合在选项卡1中不起作用，但在另一个选项卡中起作用，即chrome和移动设备中的选项卡2

Mix it up is not working in tab1 but working in another tab i.e tab2 in chrome and mobile devices

本文关键字：选项 chrome 移动 混合 不起作用 另一个 起作用      更新时间：2023-09-26

在文档就绪代码上调用mixitup函数

if ($('.tab1').hasClass('active')) {
    initialize_mixitup('#mixitup_image_search_gallery', '#switchtogrid', '#switchtolist', '.mix_image', '.image_sort', 'grid', '');
}
$(".tab2").click(function () {
    initialize_mixitup('#your_books_image_gallery', '#yourbook_switchtogrid', '#yourbook_switchtolist', '.mix_book', '.book_sort', 'grid', '');
});

function initialize_mixitup(mixitup_container, grid_button, list_button, target_class, sort_class, default_layout, mix_callback) {
var layout = default_layout,
        $mixitupContainer = $(mixitup_container),
        $gridButton = $(grid_button),
        $listButton = $(list_button);
$mixitupContainer.mixItUp({
    selectors: {target: target_class, sort: sort_class},
    animation: {animateChangeLayout: true, animateResizeTargets: true, effects: 'fade rotateX(-40deg) translateZ(-100px)'},
    layout: {containerClass: default_layout},
    callbacks: mix_callback
});

通过快速查看，您的tab1是否有像tab2一样定义的点击事件？示例：

$(".tab1").click(function () {
    initialize_mixitup('#your_books_image_gallery', '#yourbook_switchtogrid', '#yourbook_switchtolist', '.mix_book', '.book_sort', 'grid', '');
});

通过用容器类替换两个容器的容器Id来解决问题。

相关文章：