{"id":41585,"date":"2025-01-28T05:35:49","date_gmt":"2025-01-28T05:35:49","guid":{"rendered":"http:\/\/katajerseys.com\/?page_id=41585"},"modified":"2025-01-28T08:25:50","modified_gmt":"2025-01-28T08:25:50","slug":"all-national-team","status":"publish","type":"page","link":"https:\/\/katajerseys.com\/de\/all-national-team\/","title":{"rendered":"All NATIONAL TEAM"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41585\" class=\"elementor elementor-41585\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-495862d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"495862d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dad5b4c\" data-id=\"dad5b4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d2344c0 club_wrap elementor-widget elementor-widget-html\" data-id=\"d2344c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"club mw1200 clearfix\">\r\n\t<div class=\"club_tags\">\r\n\t\t<ul id=\"category-tabs\">\r\n\t\t<\/ul>\r\n\t<\/div>\r\n\t<div id=\"club-content\">\r\n\t<\/div>\r\n<\/div>\r\n<style>\r\n    .club_wrap ul { padding-left:0; margin-left:0;}\r\n.club_wrap .club .club_tags ul li {margin-bottom:0;}\r\n.club_wrap li{\r\n\t\t\tlist-style: none;\r\n\t\t}\r\n\/***************************pc\u7aef*************************\/\r\n.club_wrap{\r\n\tpadding: 20px 0;\r\n}\r\n.club_wrap .elementor-widget-wrap{\r\n\tpadding: 0!important;\r\n}\r\n\r\n.club_wrap .club{\r\n\tdisplay:flex;\r\n}\r\n.club_wrap .club .club_tags{\r\n\twidth:20%;\r\n\tbackground: #f5f5f5;\r\n}\r\n.club_wrap .club .club_tags ul{\r\n    margin-top:0!important;\r\n}\r\n#category-tabs li{\r\n\tpadding: 20px 15px;\r\n\tborder-bottom: 1px solid #ddd;\r\n\tcursor: pointer;\r\n}\r\n.club_tags ul .active{\r\n\tbackground: #fff;\r\n\tborder-left: 4px solid #ccc;\r\n\tfont-weight: 700;\r\n}\r\n.club_wrap .club .club_item{\r\n\twidth: 100%;\r\n}\r\n.club_wrap .club .club_item .primary-selector::after{\r\n\tdisplay:block;\r\n\tcontent:\"\";\r\n\tclear:both;\r\n}\r\n.club_wrap .club .club_item dl{\r\n\tfloat: left;\r\n\twidth: 16%;\r\n\theight: 140px;\r\n}\r\n.club_wrap .club .club_item dl dt{\r\n\twidth: 100%;\r\n\theight:60px;\r\n}\r\n.club_wrap .club .club_item dl dt a{\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n}\r\n.club_wrap .club .club_item dl dt img{\r\n\tdisplay: block;\r\n\tmargin: 0 auto;\r\n}\r\n.club_wrap .club .club_item dl dd{\r\n\ttext-align: center;\r\n\tmargin: 10px 0;\r\n}\r\n.club_wrap .club .club_item dl dd a{\r\n    color: #000;\r\n    font-size: 14px;\r\n}\r\n#club-content{\r\n\twidth: 80%;\r\n\tbackground: #fff;\r\n\tpadding-top: 30px;\r\n}\r\n.pm-azstyle{\r\n    display:none;\r\n}\r\n.pm-azstyle.active{\r\n    display:block;\r\n}\r\n.club_wrap .club .club_item .primary-selector::after{\r\n\tdisplay:block;\r\n\tcontent:\"\";\r\n}\r\n.club_wrap .club .club_item .primary-selector::after{\r\n\tdisplay:block;\r\n\tcontent:\"\";\r\n\tclear:both;\r\n}\r\n\/***************************pc\u7aef*************************\/\r\n\r\n\/***************************\u79fb\u52a8\u7aef*************************\/\r\n@media screen and (max-width:768px){\r\n.club_wrap{\r\n\t\tpadding:15px 0 0 0!important;\r\n\t\r\n    }\r\n    .club_wrap .club .club_tags{\r\n        width:25%;\r\n    }\r\n\t.club_wrap .club{\r\n\t\twidth: 100%;\r\n\t\tbackground: #f8f8f8;\r\n\t\toverflow: hidden;\r\n\t\tmargin: 0;\r\n\t}\r\n\t\r\n\t.club_wrap .club ul{\r\n\t    margin:0!important;\r\n\t\toverflow-x: scroll;\r\n\t}\r\n\t.club_wrap .club ul li{\r\n\t\twidth: 100%;\r\n\t\tfloat: none;\r\n\t}\r\n\t.club_wrap .club .club_item dl{\r\n\t    width:33.33%;\r\n\t    margin:0;\r\n\t    min-height:120px;\r\n\t}\r\n\t.club_wrap .club .club_item dl dd{\r\n\t    margin:0;\r\n\t  text-align: center;\r\n    font-size: 14px;\r\n    text-align: center;\r\n    width: 100%;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    line-height: 1.5em;\r\n    \/* max-height: 3em; *\/\r\n    word-wrap: break-word;\r\n\t}\r\n\uff5d\r\n\/***************************\u79fb\u52a8\u7aef*************************\/\r\n    \r\n<\/style>\r\n<script type=\"text\/javascript\">\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const jsonDataUrl = 'http:\/\/katajerseys.com\/wp-content\/uploads\/menu-json\/All-National-page.json'; \/\/ \u56fa\u5b9a\u7684 JSON \u6570\u636e\u8def\u5f84\r\n\r\n    \/\/ \u83b7\u53d6 URL \u53c2\u6570\r\n    function getUrlParameter(name) {\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        return urlParams.get(name);\r\n    }\r\n\r\n    \/\/ \u52a8\u6001\u751f\u6210 tabs \u548c\u5185\u5bb9\r\n    function renderContent(data) {\r\n        const tabsContainer = document.getElementById('category-tabs');\r\n        const contentContainer = document.getElementById('club-content');\r\n\r\n        const categories = [...new Set(data.map(item => item.ca))];\r\n\r\n        categories.forEach((category, index) => {\r\n            \/\/ \u521b\u5efa tab\r\n            const tab = document.createElement('li');\r\n            tab.textContent = category;\r\n            tab.setAttribute('data-tab', `tab-${index + 1}`);\r\n            if (index === 0) tab.classList.add('active');\r\n            tabsContainer.appendChild(tab);\r\n\r\n            \/\/ \u521b\u5efa\u5bf9\u5e94\u5185\u5bb9\u533a\u57df\r\n            const content = document.createElement('div');\r\n            content.id = `tab-${index + 1}`;\r\n            content.classList.add('club_item', 'pm-azstyle');\r\n            if (index === 0) content.classList.add('active');\r\n\r\n            const items = data.filter(item => item.ca === category);\r\n            const selectorDiv = document.createElement('div');\r\n            selectorDiv.classList.add('primary-selector');\r\n\r\n            items.forEach(item => {\r\n                const itemDiv = document.createElement('dl');\r\n                itemDiv.classList.add('primary-selector-item');\r\n\r\n                itemDiv.innerHTML = ` \r\n                    <dt>\r\n\t\t\t\t\t\t<a href=\"${item.cat_link}\" data-trk-id=\"primary-selector-${item.cat_name}\" title=\"${item.cat_name}\">\r\n\t\t\t\t\t\t\t<img decoding=\"async\" loading=\"lazy\" src=\"${item.cat_img}\" alt=\"${item.cat_name}\" class=\"scrollable-selector-img\">\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/dt>\r\n\t\t\t\t\t<dd><a href=\"${item.cat_link}\" title=\"${item.cat_name}\">${item.cat_name}<\/a><\/dd>\r\n                `;\r\n\r\n                selectorDiv.appendChild(itemDiv);\r\n            });\r\n\r\n            content.appendChild(selectorDiv);\r\n            contentContainer.appendChild(content);\r\n        });\r\n    }\r\n\r\n    \/\/ \u5207\u6362\u6fc0\u6d3b\u72b6\u6001\r\n    function activateTab(targetTab) {\r\n        const tabs = document.querySelectorAll('#category-tabs li');\r\n        const panes = document.querySelectorAll('.pm-azstyle');\r\n\r\n        tabs.forEach(tab => tab.classList.remove('active'));\r\n        panes.forEach(pane => pane.classList.remove('active'));\r\n\r\n        const tabToActivate = document.querySelector(`[data-tab=\"${targetTab}\"]`);\r\n        const paneToActivate = document.getElementById(targetTab);\r\n\r\n        if (tabToActivate && paneToActivate) {\r\n            tabToActivate.classList.add('active');\r\n            paneToActivate.classList.add('active');\r\n\r\n            \/\/ \u6eda\u52a8\u5230\u9876\u90e8\r\n            window.scrollTo({ top: 0, behavior: 'smooth' });\r\n        }\r\n    }\r\n\r\n    \/\/ \u6dfb\u52a0\u70b9\u51fb\u4e8b\u4ef6\r\n    function addTabClickHandlers() {\r\n        const tabs = document.querySelectorAll('#category-tabs li');\r\n\r\n        tabs.forEach(tab => {\r\n            tab.addEventListener('click', () => {\r\n                const target = tab.getAttribute('data-tab');\r\n                activateTab(target);\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ \u83b7\u53d6 JSON \u6570\u636e\u5e76\u6e32\u67d3\r\n    fetch(jsonDataUrl)\r\n        .then(response => response.json())\r\n        .then(data => {\r\n            renderContent(data);\r\n            addTabClickHandlers();\r\n\r\n            \/\/ \u6839\u636e URL \u53c2\u6570\u6fc0\u6d3b\u6307\u5b9a\u9009\u9879\u5361\r\n            const linkToParam = getUrlParameter('linkto');\r\n            const defaultTab = linkToParam ? `tab-${linkToParam}` : 'tab-1';\r\n            activateTab(defaultTab);\r\n        })\r\n        .catch(error => console.error('Error fetching JSON data:', error));\r\n});\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-41585","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/pages\/41585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/comments?post=41585"}],"version-history":[{"count":0,"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/pages\/41585\/revisions"}],"wp:attachment":[{"href":"https:\/\/katajerseys.com\/de\/wp-json\/wp\/v2\/media?parent=41585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}