1
|
$(function() {
|
2
|
var $viewToggle = $('#list_grid_toggle').children('li'),
|
3
|
$listGrid = $('#list_grid');
|
4
|
|
5
|
$viewToggle.each(function() {
|
6
|
if($(this).hasClass('uk-active')) {
|
7
|
$listGrid.addClass($viewToggle.attr('data-view'));
|
8
|
}
|
9
|
});
|
10
|
|
11
|
// set view class on init
|
12
|
|
13
|
$viewToggle.on('click',function(e) {
|
14
|
e.preventDefault();
|
15
|
|
16
|
var $this = $(this),
|
17
|
isActive = $this.hasClass('uk-active');
|
18
|
|
19
|
if(!isActive) {
|
20
|
var view = $this.attr('data-view');
|
21
|
if(view == 'list_view') {
|
22
|
$listGrid.addClass('list_view').removeClass('grid_view');
|
23
|
} else {
|
24
|
$listGrid.addClass('grid_view').removeClass('list_view');
|
25
|
}
|
26
|
$this.addClass('uk-active').siblings().removeClass('uk-active');
|
27
|
}
|
28
|
});
|
29
|
|
30
|
});
|