Javascript Mix it不是在tab1中工作,而是在另一个选项卡中工作,即chrome和移动设备中的tab2
调用mixitup函数的文档就绪代码Javascript Mix it不是在tab1中工作,而是在另一个选项卡中工作,即chrome和移动设备中的tab2,javascript,jquery,mixitup,Javascript,Jquery,Mixitup,调用mixitup函数的文档就绪代码 if ($('.tab1').hasClass('active')) { initialize_mixitup('#mixitup_image_search_gallery', '#switchtogrid', '#switchtolist', '.mix_image', '.image_sort', 'grid', ''); } $(".tab2").click(function () { initialize_mixitup('#your
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的click事件? 例如:
通过将两个容器的容器Id替换为容器类,问题得以解决 tab1有一个单击事件,但它仍然不工作。
$(".tab1").click(function () {
initialize_mixitup('#your_books_image_gallery', '#yourbook_switchtogrid', '#yourbook_switchtolist', '.mix_book', '.book_sort', 'grid', '');
});