jquery UI Tabs en utilisant DIV au lieu de UL pour la navigation

Question

Im un peu nouveau à JS et cela m'a fait me gratter la tête comme un fou.

Je veux utiliser un DIV avec un tas d'ancres à l'intérieur pour la navigation au lieu de l'UL obligatoire (je pense?).

J'ai trouvé le morceau de code qui fait cela, mais je n'arrive pas à le comprendre.

this.list = this.element.children('ul:first'); 
    this.lis = $('li:has(a[href])', this.list); 
    this.anchors = this.lis.map(function() { return $('a', this)[0]; }); 
    this.panels = $([]); 

Maintenant, changer les

ul:first 

à

div:first 

fonctionne, mais je dois encore envelopper tout mon A est dans une LI. Cela doit se passer en deuxième ligne, mais je ne sais vraiment pas quoi en faire. Je sais que c'est un petit morceau d'un script assez volumineux, mais j'espère qu'il le fera. Tout le code est disponible sur ui.jquery.com (comme vous le savez sans doute déjà) et je peux poster le reste si nécessaire.

Un grand merci d'avance pour votre aide.

L'objectif est de remplacer les UL et LI avec un seul DIV qui ne contient rien d'autre que A Cela rendra le style beaucoup plus facile.

Answer 1

this.list = this.element.children('div'); 
this.lis = $('a[href]', this.list); 
this.anchors = $('a[href]', this.list); 
this.panels = $([]); 

Essayez ceci.

Et je l'ai dit un peu à bientôt, mais c'était facile à réparer. Il suffit de l'ajouter ici pour quelqu'un d'autre qui pourrait le chercher. La solution de Chacha fonctionne, mais les onglets ne sont pas assignés aux classes appropriées quand ils sont sélectionnés. Ceci est corrigé en supprimant .closest ('li') des lignes 273 et 281 dans ui.tabs.js Ceci le corrigera gentiment et vous pourrez utiliser les classes comme vous le feriez normalement. - Mathias Nielsen 12 mins ago