我们如何使用手机间隙为移动应用程序上的HTML元素提供工具提示?

时间:2014-06-16 14:28:16

标签: jquery ios cordova jquery-ui jquery-mobile

任何人都可以建议我在iOS上使用工具提示移动应用程序的好方法。我正在为我的申请使用手机差距。那么jQuery有可能吗?任何人都可以建议我为点击并按住事件工具提示一些好的博客?

1 个答案:

答案 0 :(得分:2)

为什么不使用简单的jQuery Mobile弹出窗口来实现此功能:

工作示例:http://jsfiddle.net/Gajotres/pCuh4/

HTML:

<a href="#" class="ui-btn ui-alt-icon ui-icon-info ui-btn-a ui-btn-inline ui-popup-tooltip" data-transition="pop" data-overlay-theme="b" data-position-to="origin" id="hold-me" data-massage="This is a dynamic tooltip massage">Hold me for tooltip</a>
<a href="#" class="ui-btn ui-alt-icon ui-icon-info ui-btn-a ui-btn-inline ui-popup-tooltip" data-transition="pop" data-overlay-theme="b" data-position-to="origin" id="hold-me2" data-massage="This is a second dynamic tooltip massage">Hold me for second tooltip</a>                
<div data-role="popup" id="popupInfo" data-theme="b" style="max-width:350px;">
    <p>This is tooltip</p>
</div>

的JavaScript:

$(document).on('taphold', '.ui-popup-tooltip', function(){ 
    $('#popupInfo').find('p').html($(this).attr('data-massage'));
    $('#popupInfo').popup("open",{positionTo: '#'+$(this).attr('id')});
});

正如你所看到的,我甚至让它变得充满活力。