jQuery tabs not working on mobile

I’m really breaking my head over this issue. I’ve developed a website local real estate agent, and everything is working properly, but one thing is driving me nuts. The jQuery tabs on the single-listing pages (like this one) don’t work on touch devices.

On desktop you can reproduce the problem in Chrome by pressing F12 and then CtrlShiftM (switching device mode). There is some kind of scrolling effect visible when selecting a tab, but the content matching the tab is not being shown. There are no errors in my console. I’m sure it has something to do with jQuery, but my knowledge of jQuery isn’t sufficient to see the stuff that is wrong.

Read More

Any help is greatly appreciated, if I haven’t provided enough info, I will update this post!

The tabs are generated by this code:

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

Related posts