Bonjour !

J'ai trouvé ce script qui a l'air de fonctionner selon les retours que je vois par-ci par-là sur le net : http://blog.0100.tv/2010/05/fixing-t...padiphoneipod/

Mais je ne sais pas comment l'intégrer dans ce menu déroulant, dont voici le code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
// JavaScript Document
$(document).ready(function() {
//On Hover Over
function megaHoverOver(){
    $(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
    (function($) {
        //Function to calculate total width of all ul's
        jQuery.fn.calcSubWidth = function() {
            rowWidth = 0;
            //Calculate row
            $(this).find("ul").each(function() { //for each ul...
                rowWidth += $(this).width(); //Add each ul's width together
            });
        };
    })(jQuery); 
 
    if ( $(this).find(".row").length > 0 ) { //If row exists...
 
        var biggestRow = 0;	
 
        $(this).find(".row").each(function() {	//for each row...
            $(this).calcSubWidth(); //Call function to calculate width of all ul's
            //Find biggest row
            if(rowWidth > biggestRow) {
                biggestRow = rowWidth;
            }
        });
 
        $(this).find(".sub").css({'width' :biggestRow}); //Set width
        $(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin
 
    } else { //If row does not exist...
 
        $(this).calcSubWidth();  //Call function to calculate width of all ul's
        $(this).find(".sub").css({'width' : rowWidth}); //Set Width
 
    }
}
//On Hover Out
function megaHoverOut(){
  $(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
      $(this).hide();  //after fading, hide it
  });
}
 
var config = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 300, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};
 
$("ul#menu li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
$("ul#menu li").hoverIntent(config);
});
J'ai effectué plusieurs tentatives sans succès
Le but du jeu est que lors de la consultation du site dans l'iPad, le hover fonctionne au clic sur un des éléments du menu.
Pour précision, c'est un menu déroulant qui fonctionne très bien (sauf sur Ipad). Il "déroule" les sous-menus au survol de la souris (partout sauf sur les tablettes)

J'espère que ma demande est claire...
Merci d'avance !