jquery UI info - bulle affiche pas sur le haut de l'élément

Veuillez vérifier mon code à ce JS FIDDLE

Je veux que mon info-bulle pour voir sur le dessus de l'élément.
ce que je fais mal?

Je n'ai pas trouver tout utilisable info sur la situation de la propriété dans l'INTERFACE utilisateur de jquery documentation pour les info-bulles
qu'est ce que mon et au moyen... j'ai copié le code à partir de leurs démos

OriginalL'auteur DS_web_developer | 2012-10-16

  1. 9

    Vous devez définir la position 'mon' à 'bas-(distance de bas)
    Cochez cette JS FIDDLE

    Merci... de quoi faire de termes pour dire... et moi? de toute façon. pourquoi ai-je perdre de l'animation dans votre exemple?
    "mon" est: position: { ma: "en bas au centre-50", à: "centre haut" }, Vous perdez de l'animation, parce que j'ai changé la position des info-bulles, mais pas de changement au début de l'animation, voir ici JS FIDDLE. dans cette ligne ui.tooltip.animate({ top: ui.tooltip.position().top + 10 }, "fast"
    lol... je sais où est mon (dans le code)..hehe.... Je ne sais pas ce que cela signifie 😉
    vous pouvez ajouter l'animation en changeant la show option: { effect: "slideDown", delay: 250 }
    lol.. ahahah voir ici jQuery UI options de position

    OriginalL'auteur Bruno Chagas

  2. 5

    Si je vous comprends bien, vous souhaitez que le texte d'info-bulle pour couvrir complètement l'image qu'il est destiné à info-bulle?

    Malheureusement ce n'est pas possible avec info-bulle. La raison d'être, d'info-bulle n'est valable que lorsque la souris est "au dessus" de l'élément de l'info-bulle est initiée sur. Le moment de votre info-bulle couvre l'élément du pointeur de la souris puis sur la bulle d'aide, au lieu de l'élément sélectionné, ce qui entraînerait la fermeture de l'événement pour l'info-bulle.

    Si le résultat final est plus important que le comment, vous pouvez définir à la fois la open et close événements de l'info-bulle pour click au lieu de leurs valeurs par défaut, puis positionner en conséquence.

    Modifier (pour expliquer at et my:

    my et at sont comme une sorte de dynamique x,y du système de coordonnées pour vous aider à aligner vos éléments, à l'exception de chacun est un x,y dans et de lui-même. Ils vous permettent de définir des points de référence dans les 2 objets qui ont une relation les uns avec les autres, étant dans ce cas l'info-bulle (my), et l'objet de l'info-bulle est instancié (at).

    my dans votre cas est de l'info-bulle qui s'affiche, et at est l'image que lorsque mousein événement est déclenché, les causes de l'info-bulle de l'instancier. Chacune de ces options, prend une chaîne de télévision ou une chaîne relative de la position, afin de déterminer les 2 objets en relation (dans les DOM) les uns des autres. Donc, si vous voulez le haut au centre de la bulle d'aide pour s'aligner avec le centre absolu de l'image, quel que soit l'endroit où ils apparaissent dans les DOM, vous devez définir les éléments suivants:

    position: {
            my: "center top",
            at: "center center"
        }

    Vous pouvez gagner plus de contrôle par compensation soit/my et at par la combinaison d'une valeur de pixel ou en % de la valeur. 

    position: {
            my: "center+10 top+50",
            at: "center+5 center+25"
        }
    non, je veux juste mon info-bulle pour sho sur le HAUT de mon élément. plus s animation simple comme ici: jqueryui.com/tooltip/#custom-animation (dernier lien, au lieu de montrer, au fond, de montrer en haut)
    Dans ce cas, Bruno a réponse à tout.

    OriginalL'auteur Brian Vanderbusch

  3. 2

    Veux juste donner une réponse simple à l'avenir un chercheur qui n'a pas pu obtenir son esprit autour de ce terme ... La définition est.. mon est mon sélecteur.. comme le 'ma' image.. 

    $('img').tooltip();

    Pendant ce temps, à l'est où l'info-bulle doit apparaître "à"

    Par exemple:

    $('img').tooltip({ position: { my: "right center", at: "left center" } });

    Ici, nous avons choisi le " mon "image à la droite, centrée verticalement.. et l'info-bulle apparaît" à " la gauche par rapport à l'image et centrée verticalement aussi bien..

    OriginalL'auteur symphony86