2010-11-28 7 views
0

http://jqueryui.com/demos/autocomplete/#comboboxQuel script JQuery est-ce?

Sur le côté droit, il y a des onglets de sélection (avec la flèche sélectionnée pointant vers la gauche)

Qu'est-ce que le menu CSS est-ce? Pourquoi ne puis-je pas le trouver sur le site Web de JQuery UI?

+0

il est juste html simple + css. Pas de javascript/jquery requis. Voir la source, et/ou utiliser l'inspecteur dom de votre navigateur. La flèche pointant vers la gauche est juste une image d'arrière-plan appliquée par une règle css 'a: hover'. – Lee

+0

@lee javascript est utilisé pour ajouter la classe de sorte que les li & a ont les styles. la classe n'est pas ajoutée sur le a: hover. javascript est également utilisé pour charger le contenu dans la zone de contenu sur le clic. –

+1

@john - Vous avez raison, mais je dois préciser que javascript n'est * pas obligatoire * pour rendre le menu avec la flèche pointant vers la gauche et l'effet de survol. Tout cela peut être fait via html + css via le sélecteur ': hover'. – Lee

Répondre

0

Ce n'est pas un plugin, c'est un peu de html/css/javascript qui est sur la page.

le javascript qui contrôle le menu est en http://jqueryui.com/js/demos.js.

La partie spécifique:

//Rewrite and prepare links of right-hand sub navigation 
    $('#demo-config-menu a').each(function() { 
     $(this).attr('target', 'demo-frame'); 
     $(this).click(function(e) { 

      resetDemos(); 
      $(this).parents('ul').find('li').removeClass('demo-config-on'); 
      $(this).parent().addClass('demo-config-on'); 

      //Set the hash to the actual page without ".html" 
      window.location.hash = this.getAttribute('href').match((/\/([^\/\\]+)\.html/))[1]; 

      loadDemo(this.getAttribute('href')); 
      e.preventDefault(); 

     }); 
    });