I'm trying to use dataset content in my Javascript, but I can't get it to work. Is this even possible or has the content run too late? The values are being output in console correctly.
// JavaScript Document jQuery(document).ready(function($) { var page = 2; var post_type = 'consultant'; $(".loadmore").click(function() { const loadingcons = document.getElementById('loadingmore'); var consultantcattest = loadingcons.dataset.consultantcat; var locationtest = loadingcons.dataset.location; var locationvaltest = loadingcons.dataset.locationval; var insurertest = loadingcons.dataset.insurer; var linkontest = loadingcons.dataset.linkon; console.log(consultantcattest); console.log(locationtest); console.log(locationvaltest); console.log(insurertest); console.log(linkontest); var data = { 'action': 'codebykishor_load_more_posts', 'page': page, 'post_type': post_type, 'consultantcat': loadingcons.dataset.consultantcat, 'insurer': loadingcons.dataset.insurer, 'linkon': loadingcons.dataset.linkon, 'location': loadingcons.dataset.locationval }; $.post(loadmore_params.ajaxurl, data, function(response) { $('.post-list').append(response); page++; }); }); // Optional: Load first page automatically (Method 2 only) if ($('.post-list').is(':empty')) { $('.loadmore').click(); } });