How to realize Mobile phone Scroll with jquery.mobile
Editor to share with you how to achieve jquery.mobile mobile phone scrolling, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
If (! $.mobile.data) {
$. Mobile.data = {}
}
If (! $.mobile.data.tabNames) {
Mobile.data.tabNames = ['physical examination', 'beauty and anti-aging', 'oral health', 'functional medicine', 'rehabilitation and recuperation']
$. Mobile.data.clickTab = function (tab) {
Var index = $(tab) .attr ('data-tab-index')
$('# mytabs. Customers'). Hide ()
('# fragment-' + index) .show ()
}
$. Mobile.data.moveToPrevTab = function () {
Var $Navbar = $('# mytabs-navbar')
Var index = parseInt ($Navbar.attr ('data-tab-index'))
If (index > 0) {
$Navbar.find ('a'). Each (
Function (I, e) {
Var no = index-1 + I
$(e) .text ($.mobile.data.tabNames [no]) .attr (
'data-tab-index', no)
}) .filter ('.ui-btn-active') .click ()
$Navbar.attr ('data-tab-index',-- index)
If (index = = 0) {
$('# mytabs-prev'). Css ('color',' # ccc')
} else {
$('# mytabs-next'). Css ('color',' # 000')
}
}
}
$. Mobile.data.moveToNextTab = function () {
Var $Navbar = $('# mytabs-navbar')
Var index = parseInt ($Navbar.attr ('data-tab-index'))
If (index
< 2) { $Navbar.find('a').each( function(i, e) { var no = index + 1 + i; $(e).text($.mobile.data.tabNames[no]).attr( 'data-tab-index', no); }).filter('.ui-btn-active').click(); $Navbar.attr('data-tab-index', ++index); if (index == 2) { $('#mytabs-next').css('color', '#ccc'); } else { $('#mytabs-prev').css('color', '#000'); } } }; } 健康中心 Back Options
Physical examination package
A healthy journey
Health management plan
Gene detection
Traditional Chinese medicine detection
Physical fitness test
Psychological detection
Nutrition assessment
Photon rejuvenation
Freezing point depilation
Fruit acid skin replacement
Hyaluronic acid
Botox
Oral Implantology
Ultra-thin veneer
Painless tooth cleaning
Dental correction
Functional medicine
Hormone therapy
Exercise rehabilitation
Vacation recuperation
Rehabilitation package
The above is all the contents of the article "how to achieve Mobile phone Scroll in jquery.mobile". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!