<!-- --> <!-- --> .page-item.active .page-link { z-index: 3; color: whitesmoke; background-color: darkgreen; border-color: darkgreen; } .page-link:hover { background-color: goldenrod; /* สีพื้นหลังเมื่อ hover */ color: whitesmoke; /* สีข้อความเมื่อ hover */ } @keyframes spinner { 0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); } 100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); } } #loading-spinner::before { animation: 1.5s linear infinite spinner; animation-play-state: inherit; border: solid 5px #cfd0d1; border-bottom-color: #1c87c9; border-radius: 50%; content: ""; height: 35px; width: 35px; position: absolute; /* top: 10%; left: 10%; */ transform: translate3d(-50%, -50%, 0); will-change: transform; }

jQuery(document).ready(function($) { function tbCat(tb) { new DataTable('#TbPost', { lengthMenu: [ [10, 25, 50, -1], [10, 25, 50, 'All'] ] }); } function loadTbSubcategoryPosts(subcategoryId) { // Show the Bootstrap spinner while loading posts // $('#loading-spinner').show(); let ajaxUrl = 'https://www.dtam.moph.go.th/wp-admin/admin-ajax.php'; let spin = `` $('#DivTbSubCategoryPosts').html(spin) $.ajax({ type: 'POST', url: ajaxUrl, data: { action: 'get_tbsubcategory_posts', subcategory_id: subcategoryId, }, success: function(response) { $('#DivTbSubCategoryPosts').html(response); tbCat('#TbPost') }, error: function(error) { console.log(error); } }); } let subcategoryId = $('#slSearchCaat option:selected').val() loadTbSubcategoryPosts(subcategoryId) $('#BtnSearch').click(function() { let subcategoryId = $('#slSearchCaat option:selected').val() loadTbSubcategoryPosts(subcategoryId) }) })