Подсказка для переключателей в JQuery Mobile - PullRequest
Новая
       15

Подсказка для переключателей в JQuery Mobile

0 голосов
/ 14 сентября 2011

Как мне создать подсказку JQM с переключателями. У меня двадцать комплектов из пяти горизонтальных переключателей. Я хотел бы всплывающую подсказку, когда я наведите курсор мыши на кнопку, если это возможно. Я думаю, что это как-то связано с привязкой к vmouseover, но я потерян.

Ответы [ 2 ]

1 голос
/ 15 ноября 2011

Я тоже почесал голову над событиями виртуальной мыши jQuery mobile - возможно, они рассматривают стилусы для планшетов?В любом случае, это может быть более изящно, но может дать вам правильный старт.

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;
}
0 голосов
/ 16 сентября 2011

В мобильном телефоне нет событий наведения мыши, как предлагают два комментария выше.Однако вы можете добавить псевдо-всплывающие подсказки, такие как this , используя фокус.

...