Déclencheur cliquez sur la boîte de sélection sur le vol stationnaire
Je suis d'essayer d'avoir un select
boîte automatiquement s'ouvrir lors de l'utilisation plane au-dessus d'elle, comme s'ils avaient cliqué dessus. Est-ce possible?
Je pense que je pourrais le faire facilement avec jQuery...
$("#settings-select").mouseover(
function(){
$(this).trigger("click");
}
);
Mais qui ne fait rien. Des idées?
OriginalL'auteur daGUY | 2012-09-27
Vous devez vous connecter pour publier un commentaire.
J'ai enfin eu! Vous avez besoin Choisi; comme d'autres l'ont souligné, vous ne pouvez pas faire cela avec un normal
select
car il n'y a pas d'événements disponibles à utiliser. Mais ceci ouvrira le menu lorsque vous passer la souris sur leselect
et le fermer lorsque vous mouseout, ce qui est exactement l'effet que je voulais.HTML:
JS:
$("#dropdown").trigger("liszt:open");
est ce qui ouvre le menu. Il n'y a pas d'équivalentliszt:close
événement à déclencher lorsque vous voulez le fermer (pour autant que je sache), mais le déclenchement d'uneclick
sur elle, au contraire, a le même effet.$("#dropdown").trigger("liszt:open");
à$(this).prev('select').trigger("liszt:open");
OriginalL'auteur daGUY
Il a été un moment mais il y a une solution, je ne vois pas ici, en utilisant
hover
pour modifier la longueur deselect
:http://codepen.io/anon/pen/avdavQ
Et voici un enclos où il est un peu plus que la stricte nécessité et a un certain style :
Démo
Pas sûr de ce que cela signifie, que vous auriez à me donner un peu plus d'aller sur...
essayez d'utiliser votre démo et insérez
value=...
pour vos optionsFonctionne très bien que ce que je peux voir. codepen.io/anon/pen/KzLxwv
Oui, Il fonctionne très bien...désolé pour ça, hier, j'ai essayé d'ajouter un peu de
value=
et onhover ne fonctionne pas (ne pas ouvrir la liste déroulante).OriginalL'auteur Shikkediel
déclencheur seulement appeler les fonctions lié par l'intermédiaire d'une liaison fonctions de jQuery.
Il n'y a pas de croix-navigateur d'ouvrir une sélection à partir de javascript (il pourrait être possible d'appeler
this.click()
sur certaines versions d'IE, mais je ne peux pas tester, et je suis sûr qu'il n'y a aucun moyen sur les autres navigateurs).Je ne pense pas qu'il déclenche le natif de l'événement. "Pour les deux objets simples et les objets DOM, si un événement déclenché le nom correspond au nom d'une propriété sur l'objet, jQuery va tenter d'invoquer la propriété comme une méthode si aucun gestionnaire d'événement appels de l'événement.preventDefault()". C'est différent.
Ah, bon, votre dernière phrase ongles: sélectionne n'avez pas de cliquer sur méthode.
En fait il y en a un, au moins sur Chrome et IE. Mais il ne fait pas la même qu'un clic sur le bouton sélectionner (je l'ai essayé sur Chrome).
OriginalL'auteur Denys Séguret
Ce n'est pas possible. Vous ne pouvez mettre en œuvre votre propre sélectionnez-box, ou Choisi plugin, mais c'est mauvais pour la facilité d'utilisation. Pensez également à
trigger('focus')
.Qui rend possible, mais plus facile. Depuis lors, Choisi de remplacer
selectbox
avecdiv
élément, vous pouvez manipuler les événements. Choisi probablement sa propre_show()
et_hide()
fonction, donc quelque chose comme$(".chzn-container").mouseover(unknown_chosen_function());
pourrait fonctionner, ou pas 🙂hm...la fonction s'appelle
Chosen.prototype.results_show
, mais je ne peux pas comprendre comment déclencher correctement...Se rapproche...le déclenchement de
liszt:open
sur la Choisiselect
sur mouseover pop de l'ouvrir, mais pour une raison qui ne fonctionne que si leselect
n'est pas actif. Et j'ai aussi trouver un moyen de le fermer sur mouseout...Turcia: voir ma propre réponse pour voir comment j'ai résolu ce problème. Vous avez eu la bonne idée en utilisant Choisi propres manifestations.
OriginalL'auteur Turcia
Malheureusement, la méthode Choisie - ne fonctionne pas pour moi.
Mais j'ai pensé que je pourrais faire ma propre sélecteur jQuery.
HTML:
JS:
https://codepen.io/qwer643/pen/LebKpo
OriginalL'auteur user2725321