https://www.jimmyspa.com/assets/js/plus/art.js?v=20261002080444

1BaseUrl = $('.base-url').val()
2_token = $('#_token').val();
3
4// $(function(){
5//     if ($('body').data('page') == 'public_art_list') {
6//         history.replaceState(0, '');
7//     }
8// });
9
10
11// ======================LIST
12// 上下頁事件
13// window.onpopstate = function (event) {
14//     if (event.state != "") {
15//         $('.menu_link_cont li a').removeClass('active');
16//         $('.menu_link_cont li a[data-id=' + event.state + ']').addClass('active');
17
18//         data = {
19//             categoryId: event.state,
20//             page: 1,
21//         };
22//         sendData(data);
23//     }
24// }
25
26// 類別更換
27function changeMenu(element) {
28    var _url = $(element).data('url');
29    var _id = $(element).data('id');
30
31    $('.menu_link_cont li a').removeClass('active');
32    $(element).addClass('active');
33
34    data = {
35        categoryId: _id,
36        page: 1,
37    };
38    sendData(data);
39    history.pushState(_id, '', BaseUrl + "/PublicArt/" + _url);
40    
41}
42
43// loadmore
44function loadmore(element) {
45    var nextPage = $(element).find('a').data('next');
46    var pos = $(window).scrollTop();
47    collectAll(nextPage)
48    setTimeout(function(){
49        $(window).scrollTop(pos);
50    },500)
51}
52
53function collectAll(page) {
54    var categoryId = $('.menu_link_cont li a.active').data('id');
55
56    data = {
57        categoryId: categoryId,
58        page: page,
59    };
60    sendData(data);
61}
62
63function sendData(data) {
64    var url = BaseUrl + '/PublicArt/Ajax/changeList';
65    
66    $.ajax({

67        url: url,
68        type: 'get',
69        data: data
70    }).done(function (feedback) {
71        console.log(data.page, feedback.isMore, feedback.page);
72        if (data.page == 1) {
73            $('#changeList').fadeOut(400).promise().done(function () {
74                $('#changeList').html(feedback.view);
75                $('#changeList').fadeIn(400)
76
77                AjaxDetail.ajaxDetail('.art_detail_wrap', '.obj_dewrap');
78                setTimeout(function(){
79                    // $('.aniUp').addClass('show')
80                    Common.eachWaypoint(".art_block.aniUp", "80%");
81                    Common.eachWaypoint(".objIn figure", "80%");
82                },300)
83
84            })
85        } else {
86            $('#changeList').append(feedback.view);
87            $('[data-ajax-detail]').off('click');
88
89            Public_art_list.btnHover();
90            AjaxDetail.ajaxDetail('.art_detail_wrap','.obj_dewrap');
91            Common.eachWaypoint(".art_block.aniUp", "80%");
92            Common.eachWaypoint(".objIn figure", "80%");
93
94        }
95
96        if (feedback.isMore == true) {
97            $('#mornBtn').show();
98            $('#mornBtn a').data('next', parseInt(feedback.page) + 1);
99        } else {
100            $('#mornBtn').hide();
101        }
102
103    });
104}