Onglets Les onglets des widgets sont généralement utilisés pour diviser le contenu en plusieurs sections qui peuvent être permutées pour économiser de l'espace, tout comme un accordéon. Le contenu de chaque onglet peut être défini en page ou peut être chargé via Ajax, tous les deux sont traités automatiquement en fonction du href de l'ancrage associé à l'onglet. Par défaut, les onglets sont activés en cliquant, mais les événements peuvent être modifiés pour passer en vol par l'option événement. Notes supplémentaires: Ce widget nécessite un CSS fonctionnel, sinon il wonapost travail. Si vous créez un thème personnalisé, utilisez le fichier CSS spécifique de widgetaposs comme point de départ. AjaxOptionsxA0 Options Ajax supplémentaires à considérer lors du chargement du contenu d'une tabulation (voir jQuery. ajax ()). CachexA0 Indique si le contenu des onglets distants est mis en cache, par ex. Charger une seule fois ou à chaque clic. Le contenu mis en cache est chargé de façon paresseuse, par ex. Une seule fois pour le premier clic. Notez que pour éviter que les requêtes Ajax réelles ne soient mises en cache par le navigateur, vous devez fournir un cache supplémentaire: false flag dans l'option ajaxOptions. CollapsiblexA0 Défini sur true. Le panneau actif peut être fermé. CookiexA0 Stocker le dernier onglet sélectionné dans un cookie. Le cookie est ensuite utilisé pour déterminer l'onglet initialement sélectionné si l'option sélectionnée n'est pas définie. Nécessite le plugin cookie, qui peut également être trouvé dans le dossier de développement-bundle-external à partir du générateur de téléchargement. L'objet doit avoir des paires keyvalue de la forme que le plugin cookie attend comme options. Exemple: . Depuis jQuery UI 1.7, il est également possible de définir le nom du cookie utilisé via la propriété name. DisabledxA0 Quels onglets sont désactivés. Plusieurs types pris en charge: Boolean. Activez ou désactivez tous les onglets. Array. Un tableau contenant les index basés sur zéro des onglets qui doivent être désactivés, p. Ex. 0, 2 désactiverait le premier et le troisième onglet. EventxA0 Type d'événement auquel les onglets doivent réagir pour activer l'onglet. Pour activer en vol stationnaire, utilisez quotmouseoverquot. Activez les animations pour afficher les panneaux des onglets. Plusieurs types pris en charge: Object. Paires de valeurs de valeurs à animer et durée facultative, p. . Array. Paramètres d'animation sous la forme hideSettings, showSettings. IdPrefixxA0 Si l'onglet distant, son élément d'ancrage qui est, n'a pas d'attribut de titre pour générer un identifiant, un identificateur idfragment est créé à partir de ce préfixe et un identifiant unique, par exemple quotui-tabs-54quot. PanelTemplatexA0 Modèle HTML à partir duquel un nouvel onglet est créé en cas d'ajout d'un onglet avec la méthode add () ou lors de la création d'un panneau pour un onglet distant à la volée. SelectedxA0 Index zéro du panneau sélectionné (ouvert). Le paramètre sélectionné à -1 effondre tous les panneaux. Cela nécessite que l'option repliable soit vraie. SpinnerxA0 Le contenu HTML à afficher dans un titre d'onglet pendant le chargement du contenu distant. Définissez cette option sur une chaîne vide pour désactiver le comportement du spinner. Un élément de portée doit être présent dans l'étiquette d'ancrage du titre pour que le contenu du dispositif de filage soit visible. TabTemplatexA0 Modèle HTML à partir duquel un nouvel onglet est créé et ajouté. Les espaces réservés et sont remplacés par l'URL et l'étiquette d'onglet qui sont passés comme des arguments à la méthode add (). Abort () Renvoie: jQuery (plugin uniquement) Termine toutes les requêtes ajax et les animations de l'onglet en cours d'exécution. Cette méthode n'accepte aucun argument. Tabs Widget Interaction du clavier Lorsque la mise au point se trouve sur un onglet, les commandes de touches suivantes sont disponibles: UP LEFT. Déplacer le focus vers l'onglet précédent. Si sur le premier onglet, déplace le focus sur le dernier onglet. Activer l'onglet focalisé après un court délai. BAS DROIT. Déplacer le focus vers l'onglet suivant. Si, sur le dernier onglet, déplace le focus vers le premier onglet. Activer l'onglet focalisé après un court délai. CTRL HAUT GAUCHE. Déplacer le focus vers l'onglet précédent. Si sur le premier onglet, déplace le focus sur le dernier onglet. L'onglet ciblé doit être activé manuellement. CTRL BAS DROIT. Déplacer le focus vers l'onglet suivant. Si, sur le dernier onglet, déplace le focus vers le premier onglet. L'onglet ciblé doit être activé manuellement. DOMICILE. Déplacer le focus sur le premier onglet. Activer l'onglet focalisé après un court délai. FIN. Déplacer le focus vers le dernier onglet. Activer l'onglet focalisé après un court délai. CTRL HOME. Déplacer le focus sur le premier onglet. L'onglet ciblé doit être activé manuellement. CTRL END. Déplacer le focus vers le dernier onglet. L'onglet ciblé doit être activé manuellement. ESPACE. Activez le panneau associé à l'onglet ciblé. ENTRER. Activer ou basculer le panneau associé à l'onglet ciblé. ALT OPTION PAGE HAUT. Déplacer le focus sur l'onglet précédent et activer immédiatement. ALT OPTION PAGE VERS LE BAS. Déplacer le focus sur l'onglet suivant et activer immédiatement. Lorsque la mise au point est dans un panneau, les commandes de touches suivantes sont disponibles: CTRL UP. Déplacer le focus sur l'onglet associé. ALT OPTION PAGE HAUT. Déplacer le focus sur l'onglet précédent et activer immédiatement. ALT OPTION PAGE VERS LE BAS. Déplacer le focus sur l'onglet suivant et activer immédiatement. Le widget tabs utilise le cadre jQuery UI CSS pour styliser son apparence. Si le style spécifique des onglets est nécessaire, les noms de classe CSS suivants peuvent être utilisés pour les substitutions ou les clés de l'option classes: ui-tabs. Le conteneur extérieur des pattes. Cet élément aura en outre une classe de ui-tabs-collapsible lorsque l'option repliable est définie. Ui-tabs-nav. La liste des onglets. Ui-tabs-tab. Un des éléments de la liste des onglets. L'élément actif aura la classe ui-tabs-active. Tout élément de liste dont le contenu associé est chargé via un appel Ajax aura la classe ui-tabs-loading. Ui-tabs-anchor. Les ancrages utilisés pour commuter les panneaux. Ui-tabs-panel. Les panneaux associés aux onglets. Seul le panneau dont l'onglet correspondant est actif sera visible. Dépendances Notes supplémentaires: Ce widget nécessite quelques CSS fonctionnel, sinon il wonapost travail. Si vous créez un thème personnalisé, utilisez le fichier CSS spécifique de widgetaposs comme point de départ. ActivexA0 Quel panneau est actuellement ouvert. Plusieurs types pris en charge: Boolean. Si vous activez la valeur false, tous les panneaux seront effondrés. Cela nécessite que l'option repliable soit vraie. Entier. Index zéro du panneau actif (ouvert). Une valeur négative sélectionne les panneaux allant vers l'arrière à partir du dernier panneau. Exemples de code: Initialisez les onglets avec l'option active spécifiée: les onglets jQuery défilent vers le haut de la page lorsque vous utilisez l'option FX. Ce qui est le plus irritant quand les utilisateurs de créer des effets de diaporama que les animations font que la page de sauter vers le haut, et il n'y a aucun moyen d'empêcher cela par le moyen typique de retourner faux pour montrer des événements etc. Avec l'option FX: ie. Je vais essayer d'utiliser le code source de l'onglet, mais je ne peux pas le faire. Déclenchant cela pour une raison quelconque. Supprimer l'appel à masquer va arrêter le problème, mais comme le suggère le commentaire, cela provoque l'animation du spectacle clignoter. (3) commentaire: 1 Changé il ya 7 par MiiJaySung OK, après quelques Googling, Ive trébuché dans ce: L'enveloppe la div qui contient les onglets dans un div avec une hauteur fixe. Commentaire semble fonctionner, et je pensais sur une ligne similaire que cela était dû à deux éléments cachés. Compte tenu de cela, il serait utile de cette bizarrerie est documentée afin que les utilisateurs sont conscients et peuvent gérer la situation qu'ils estiment fonctionne le mieux pour eux. Commentaire: 2 Modifié il y a 7 par scalvert Cela ne se produit pas uniquement lorsque vous utilisez l'option fx. () TabSelected true, load: function (event, ui) Paramètres var getParameters () )
No comments:
Post a Comment