jorrit91

Wow, you’re a life saver! I actually had a custom function declining roles other than administrators access to the admin dashboard. That was it.

Thanks a lot!

I’m sorry, you’re completely right. Got it all working now, thanks a bunch!

DaDoubleFuq, now it stopped working again… I have no idea where to start guys, can anyone help?

You guys… Please help me, I’ve created a XML that can be spidered by a big dutch Real Estate website, and I can’t reach it like this…

Oh. Well. Shit.
I’m thinking it must be some kind of js conflict with another js file right? I’ve tried to enqueue the necessary bootstrap scripts to make the tabs bootstrap style, which worked great on desktop, but on touch devices/in touch device mode it didn’t work.
Do you have any idea or maybe know someone who can help?

Hi Andrew, here I am again..:(
So, I’ve recorded my screen to show you what happens when I toggle Device Mode in Chrome. You can check the stuff that’s happening (or not-happening) here. So, your code doesn’t seem to do anything when I’m in “Touch Device Mode”, I still can’t open the tabs. In the video you can see me trying it two times. One time without refreshing the page after toggling Device Mode, after that I refresh the page and enter the code again.

So, did you get to this step:
https://ww.wp.xz.cn/support/topic/jquery-tabs-not-working-on-mobile?replies=29#post-8241635

Yes, I’ve tried to enter the code in

jQuery(document).ready(function() {
	jQuery( "#listing-tabs" ).tabs();
	jQuery( "#inquiry-form" ).validate();
	jQuery( ".iframe-wrap" ).fitVids();
});

So this was the result:

jQuery(document).ready(function() {
	jQuery( "#listing-tabs" ).tabs();
		var $ = jQuery,
		    tabLinks = $('.ui-tabs-anchor');

		tabLinks.on('click', function(event) {
		var destination = $(this).attr('href');

		// Remove the current scroll effect
		$('html, body').stop();

		// Write it yourself.
		$('html, body').animate({
		        scrollTop: $(destination).offset().top
			}, 1000);
		});
	jQuery( "#inquiry-form" ).validate();
	jQuery( ".iframe-wrap" ).fitVids();
});

But it didn’t change anything…

The file containing this code is “single-listing.js” and it’s located in “wp-content/plugins/wp-listings-barbel/includes/js”.

So, I’m still searching, I hope you’ve had a great weekend and somehow gained some energy to help me find the root of this problem. You’ve already been very helpful, thanks!

Hi Andrew, okay, I’m back, sooner than expected, but unupdated. Pff…
You’re talking about this code right?

var $ = jQuery,
    tabLinks = $('.ui-tabs-anchor');

tabLinks.on('click', function(event) {
    var destination = $(this).attr('href');

    // Remove the current scroll effect
    $('html, body').stop();

    // Write it yourself.
    $('html, body').animate({
        scrollTop: $(destination).offset().top
    }, 1000);
});

I’ve inserted this in “Console” and pressed enter. When I’m on my desktop it’s giving me a different scrolling animation indeed, going to the respective area. No difference when I switch Device Mode…

I’m sorry, I tried it locally on a clone of the website we’re talking about. I’ve now added your suggestion to the online version. You can check it here.

By the way, I’ve updated all plugins, didn’t solve the issue…:(