jquery.mobile css files creating a mess on my site

Hi jackiegalv,
I know that sometimes jquery mobile could be a problem. Try this:

1) Open the file wp-content/plugins/sliding-youtube-gallery/engine/conf/headerInjection.xml

2) Locate this part of the xml:

<!-- jquery mobile -->
		<library name="jquery.mobile" version="1.2.1">
			<resource>
				<name>jquery.mobile</name>
				<relUrl>js/3rdParty/jquery-mobile/jquery.mobile-1.2.1.min.js</relUrl>
				<type>js</type>
				<version>1.2.1</version>
				<indexed>no</indexed>
				<condition>mobile</condition>
				<thirdparty>yes</thirdparty>
				<registered>no</registered>
				<dependencies>
					<dependency>jquery</dependency>
				</dependencies>
			</resource>
			<resource>
				<name>jquery.mobile</name>
				<relUrl>js/3rdParty/jquery-mobile/jquery.mobile-1.2.1.min.css</relUrl>
				<type>css</type>
				<media>screen</media>
				<version>1.2.1</version>
				<indexed>no</indexed>
				<condition>mobile</condition>
				<thirdparty>yes</thirdparty>
				<registered>no</registered>
			</resource>
		</library>

3) Remove the single css resource, be careful to not break xml ?? :

<resource>
				<name>jquery.mobile</name>
				<relUrl>js/3rdParty/jquery-mobile/jquery.mobile-1.2.1.min.css</relUrl>
				<type>css</type>
				<media>screen</media>
				<version>1.2.1</version>
				<indexed>no</indexed>
				<condition>mobile</condition>
				<thirdparty>yes</thirdparty>
				<registered>no</registered>
			</resource>

4) Try again and let me know if everything it’s ok….

Cheers, Luca

Hi Luca,

Thank you for your answer.

I had to deactivate all jquery mobile library in order to use my menu and avoid conflicts with meta-slider plugin and now the plugin works on mobile devices, but I’m not able to slide the gallery properly. It slides slightly but it doesn’t show all the thumbnails.

Console is showing a warning when I try to play any video but it works anyway:
Resource interpreted as Image but transferred with MIME type text/html: “https://www.youtube.com/user_watch?noflv=1&html5=1&video_id=wy0VjrvpeK8&cpn=…04122%2C936303%2C909421%2C912711%2C907228%2C935000&autoplay=1&subscribed=1”.
Autoplay doesn’t work.

this is the URL: https://manueljose.net

I tried to use elastislide instead but it doesn’t show video titles. Could you optionally show video titles?

Hi jackiegalv,
If you completely disable jquery mobile, the plugin obviously could not work with mobile device. As I know, if you leave only the jquery mobile javascript you should not have problems with the site layout. Which kind of issue you have in this case? Elastislide, is a third party component that I decided to include and, at the moment, it’s not possible to show titles. I suggest you to try to re-include at least the jquery mobile javascript and try to resolve the issue. If you need further help, send me a request over my blog with your skype or G+ contacts.

Thank you, Luca

The paths of the links to images were changed. For example:
If the path was https://manueljose.net/wp-content/uploads/2013/06/meta-320×213.jpg and it was showed on the events page, the script changed it to https://manueljose.net/events/wp-content/uploads/2013/06/meta-320×213.jpg Then there were multiple not found errors and no images were showed in the site.

The links in the menu stopped working and I couldn’t navigate.

At this moment, I can′t slide the thumbnails in the gallery but the plugin is working on mobile devices or at least it can show the videos, and works ok with pages. I proved it on a samsung galaxy fit with android. It’s a bit slow but it works.

Before I deactivated the library, the site loaded very slowly with all that mess or it didn’t load.

Hi,
regarding the url changing, it’s a very strange behavior and it does not make any sense to me ?? . Could I try to help to fix this issue? If you would, please send me a message with you’re skype or G+ account here, ok?

Thank you

Cheers, Luca