Drop down för iPhone/iPad

Tråden skapades och har fått 2 svar. Det senaste inlägget skrevs .
1

Hej,

Håller på med ett Joomla-projekt. Det mesta är i stort sett klart, men nu upptäckte jag att toppmenyn (Drop down) inte fungerar i iPhone/iPad. När man trycker på t.ex Produkter så visas Objekten som ligger under Produkter - men jag kommer bara till landningssidan för Produkter.

Visst ska väl iPhone och iPad ha stöd för Drop Down?

Koden:

var MooMenu = new Class({	
	initialize: function(element)
	{
		$A($(element).childNodes).each(function(el)
		{
			if(el.nodeName.toLowerCase() == 'li')
			{
				$A($(el).childNodes).each(function(el2)
				{
					if(el2.nodeName.toLowerCase() == 'ul')
					{
						$(el2)._id = subnav.length+1;
						$(el2).parent = $(element);
						subnav.push ($(el2));
						el2.init();
						el.addEvent('mouseover', function()
						{
							el.doActive();
							el2.show(0);
							return false;
						});

						el.addEvent('mouseout', function()
						{
							el.doDeactive();
							el2.hide(20);
						});
						new MooMenu(el2);
						el.hasSub = 1;
					}
				});
				if (!el.hasSub)
				{
					el.addEvent('mouseenter', function()
					{
						el.doActive();
						return false;
					});

					el.addEvent('mouseleave', function()
					{
						el.doDeactive();
					});
				}
			}
		});
		return this;
	}
});
Senast redigerat 2010-11-09 12:15

Uppdatering: Jag antar att jag ska kunna göra en fix i moomenu.js ?

  • Medlem
  • Bollnäs
  • 2010-11-10 19:02

I pekpryttlar funkar inte mouseover och mouseout. Du måste använda touchevent istället. Allt finns beskrivet i dokumentationen för Mobile Safari. http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/SafariHTMLRef.pdf

1
Bevaka tråden