Hard reload on Barba.Pjax.goTo when using URL parameter

I’ve seen the previous post #34 about the hard load on clicked elements.

But in my case, I’m not using a click element to trigger the page change but I use a “select” option with the “url” store in: `<select>

<option value="?category=apple">apple</option> <option value="?category=banana">banana</option> </select> ` upon change I trigger a `Barba.Pjax.goTo($(this).val())`

$('select').on('change', function(){ Barba.Pjax.goTo($(this).val()) })

Then I tried to adapt the code found on #34 but no chance… var links = document.querySelectorAll('option[value]'); var cbk = function(e) { if(e.currentTarget.value === window.location.href) { e.preventDefault(); e.stopPropagation(); } }; for(var i = 0; i < links.length; i++) { links[i].addEventListener('change', cbk); }

[psntr]

@luruke indeed, I had to finally changed the code logic now it’s working. Thank you for keeping us updated on the issue! Have a nice day

[colinory]

thanks @psntr ! I changed it to this:

I had some js errors because Barba.Dispatcher.on(‘linkClicked’, function(el) {)) was not enabled. And I use some of the data attributed from the clicked link. So solved it by adding so if’s.