Mam sekcję na stronie, do której (po kliknięciu miniatury produktu) asynchronicznie (jQuery) ładuję treść posta.
To oczywiście sprawa jasna i w przeglądarkach desktopowych wszystko działa, jak należy.
Problem zaczyna się wtedy, gdy strona odpalana jest na urządzeniach mobilnych. Kliknięcie nie działa.
Tzn. działa, ale zamiast załadować asynchronicznie dane, wykonywane jest tradycyjne przekierowanie na "kolejną stronę".
Dodam tylko, że cała witryna postawiona jest na platformie Wordpress, a skrypt *.js, wczytywany jest razem z wtyczką, która w całości ma obsłużyć żądanie.
Jak ten sam skrypt *.js wstawię bezpośrednio do kodu strony, wszystko działa, jak trzeba.
Zaimplementowane biblioteki: jquery-latest.min.js, jquery.mobile-1.4.5.min.js
Jakieś sugestie?
Poniżej fragment kodu:
(function( $ ){ $( "figure.zapowiedz-produktu, .p-pokaz-produkt" ).bind( 'touchstart click', function( e ) { e.preventDefault(); // Preloader. $( ".maska-strony, .preloader" ).fadeIn( 300 ); var id_produktu = $( this ).closest( "figure.zapowiedz-produktu" ).attr( "id" ); (...) }); })(jQuery);