JQuery Mobile單選按鈕的工具提示

Question

如何使用單選按鈕創建JQM工具提示。我有20組五個水平單選按鈕。如果可能，我會在鼠標懸停在按鈕上時提供工具提示。我認爲這與綁定vmouseover有關，但我迷路了。

Answer 1

移動設備中沒有鼠標懸停事件，就像上面提出的兩條評論一樣。但是，您可以使用焦點添加僞造工具提示，如this。

Answer 2

我一直在嘲笑jQuery手機的虛擬鼠標事件 - 也許他們正在考慮平板電腦的觸控筆嗎？無論如何，這可能會更優雅，但可能會讓你在正確的方向上開始。

http://jsfiddle.net/7H8Dx/22/

HTML：

<div data-role="page" id="examplePage"> 
    <fieldset data-role="controlgroup"> 
     <legend>Choose a pet:</legend> 
     <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" /> 
    <label for="radio-choice-1" id="cat">Cat<span id="cat-tooltip"> Click here, cat lover </span></label> 

     <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
     <label for="radio-choice-2">Dog</label> 
    </fieldset> 
</div> 

的Javascript：

$('#examplePage').live('pageinit',function(event){ 

    $('#cat').bind('vmouseover', function(){ 
     $('#cat-tooltip').css({display: 'inline'}); 
    }); 
    $('#cat').bind('vmouseout', function(){ 
     $('#cat-tooltip').css({display: 'none'}); 
    }); 
}); 

CSS：

#cat-tooltip { 
    font-size: small; 
    border: 1px solid black; 
    background: #FFF; 
    display: none; 
}