jQuery Girl
  1. jQuery Girl
  3. J’ai plusieurs jPickers sur la même page, comment puis-je ouvrir une seule boîte de dialog jPicker à la fois?
Intereting Posts
comment puis-je append une clé parent à un object json à l’aide de javascript Mailchimp a besoin de 140kb pour être chargé XMLHttpRequest ne peut pas être chargé, aucun en-tête ‘Access-Control-Allow-Origin’ n’est présent (impossible de lire la réponse Ajax dans JavaScript / jQuery) asp.net MVC 4 envoyer depuis avec un appel ajax Contrôle en rafale sur plusieurs requêtes ajax Ajouter une classe lorsque survolé pas sur l’un des groupe d’éléments L’événement de clic JQuery ne fonctionne pas correctement après le changement de classe Renvoi de JSON à partir d’un appel Ajax GET – réception d’une erreur non définie sur tout, sauf le premier enregistrement de l’object JSON Repeupler des dates sur des cases sélectionnées Comment sauvegarder des données dans une firebase database en utilisant jquery et json dans asp.net Les frameworks jQuery et GWT sont-ils comparables? Appeler un script de déconnexion php avec jQuery Désactiver le défilement de la souris sur les fichiers swf? l’appel de données Json renvoie undefined “ Requête html interdomaine simple avec jquery? Essayer d’utiliser le plug-in

J’ai plusieurs jPickers sur la même page, comment puis-je ouvrir une seule boîte de dialog jPicker à la fois?

En utilisant plusieurs jPickers sur la même page, mon problème est que lorsque je clique sur les trois, un par un, il rest ouvert. Existe-t-il un événement ou une méthode dans jPicker via l’ouverture d’un dialog unique à la fois? J’ai vérifié sur le site de jPicker, ils ont le même problème, tous les dialogs restnt ouverts.

extrait de code js, 

$(function() { $('#id1').jPicker(); }); $(function() { $('#id2').jPicker(); }); $(function() { $('#id3').jPicker(); });

Attachez un gestionnaire d’événements à un elem de façon à ce qu’il ferme toutes les jPicker dialog jPicker ouvertes.

La logique est que jPicker a des conteneurs ajoutés au DOM dans le même ordre d’initialisation à l’aide de .jPicker() , nous .jPicker() donc les boîtes de dialog de tous les autres conteneurs, à l’exception du conteneur cliqué.

Cela semblait fonctionner sur la page de démonstration. 

 //For #id1 jPicker $("span.Image").click(function(){ $('div.jPicker.Container').not(':eq('+$("span.Image").index($(this))+')').find('table input.Cancel').sortinggger('click'); });

Voici le violon qui travaille