info-bulle pour suivre la poignée du curseur jquery?

Question

Je me demande s'il serait possible de joindre une info-bulle à la poignée du curseur? Ma fonction de curseur actuelle est:

  $('#slider').slider({ 
       max: 18, 
       animate: 'slow', 
       orientation: 'vertical', 
       slide: function(e,ui) { 
        $('#storage').html(storage[ui.value-1]); 
        $('#ram').html(ram[ui.value-1]); 
        $('#bandwidth').html(bandwidth[ui.value-1]); 
        $('#cpu').html(cpu[ui.value-1]); 
        $('#price').html(price[ui.value-1]); 
       } 
      }); 

Je veux prendre ceci et appliquer une infobulle pour suivre la poignée. Serait-il recommandé de déterminer la position et de mettre à jour dynamiquement la position de l'info-bulle en fonction de la position du curseur?

Answer 1

En fait, en utilisant l'attribut title est le moyen plus facile (idée belugabob)

$(function() { 


    $("#slider").slider() 
       .find(".ui-slider-handle") 
       .attr("title", "Slide Me") 

}); 

Toutefois, si vous voulez contrôler l'utilisation complète de cette exemple

Aperçu: http://jsbin.com/eluqi3/166/edit

$(function() { 

    var $slideMe = $("<div/>") 
        .css({ position : 'absolute' , top : 10, left : 0 }) 
        .text("Slide Me!") 
        .hide() 


    $("#slider").slider() 
       .find(".ui-slider-handle") 
       .append($slideMe) 
       .hover(function() 
         { $slideMe.show()}, 
         function() 
         { $slideMe.hide()} 
       ) 

}); 

Answer 2

À peu près tout Une info-bulle peut être affectée à un élément HTML en lui attribuant un attribut 'title' avec le texte requis étant la valeur de l'attribut.

Dans le cas de votre curseur, pouvez-vous localiser de manière fiable l'élément HTML utilisé pour dessiner la poignée du curseur? Si oui, ajoutez simplement un attribut de titre et vous devriez être en affaires. De manière générale, une utilisation judicieuse de l'attribut title peut améliorer le classement de vos pages. En ajoutant des informations sensibles au contexte, vous ne saisissez pas l'écran tant que vous n'en avez pas réellement besoin. ceux qui ne sont pas familiers avec l'interface utilisateur de votre site.