/* Documentation sample */ function judgeIsMobile() { return (/phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|webOS|android/i.test(navigator.userAgent)) } function loadPage(page) { var img = $(''); img.load(function() { var container = $('.sample-docs .p'+page); img.css({width: container.width(), height: container.height()}); img.appendTo($('.sample-docs .p'+page)); container.find('.loader').remove(); }); //处理移动端 console.log('page',page) if(this.judgeIsMobile()) { img.attr('src', 'mobile-pages/' + `1 (${page-1})` + '.jpg'); return; } img.attr('src', 'pages/' + `1 (${page-2})` + '.jpg'); } function addPage(page, book) { var id, pages = book.turn('pages'); var element = $('
', {}); if (book.turn('addPage', element, page)) { if (page<191) { element.html('
'); loadPage(page); } } } // 控制书上方按钮---暂时无用 function updateTabs() { var tabs = {7: 'Clases', 12:'Constructor', 14:'Properties', 16:'Methods', 23:'Events'}, left = [], right = [], book = $('.sample-docs'), actualPage = book.turn('page'), view = book.turn('view'); for (var page in tabs) { var isHere = $.inArray(parseInt(page, 10), view)!=-1; if (page>actualPage && !isHere) right.push('' + tabs[page] + ''); else if (isHere) { if (page%2===0) left.push('' + tabs[page] + ''); else right.push('' + tabs[page] + ''); } else left.push('' + tabs[page] + ''); } $('.sample-docs .tabs .left').html(left.join('')); $('.sample-docs .tabs .right').html(right.join('')); } // 总数/2-1 控制进度条 function numberOfViews(book) { return book.turn('pages') / 2 + 1; } // 当前page/2-1 控制进度条 function getViewNumber(book, page) { return parseInt((page || book.turn('page'))/2 + 1, 10); } //进度条按钮层级 function moveBar(yes) { if (Modernizr && Modernizr.csstransforms) { $('#slider .ui-slider-handle').css({zIndex: yes ? -1 : 10000}); } } //拖动滚动条显示的小图 function setPreview(view) { var previewWidth = 115, previewHeight = 73, previewSrc = 'pics/preview.jpg', preview = $(_thumbPreview.children(':first')), numPages = (view==1 || view==$('#slider').slider('option', 'max')) ? 1 : 2, width = (numPages==1) ? previewWidth/2 : previewWidth; _thumbPreview. addClass('no-transition'). css({width: width + 15, height: previewHeight + 15, top: -previewHeight - 30, left: ($($('#slider').children(':first')).width() - width - 15)/2 }); preview.css({ width: width, height: previewHeight }); if (preview.css('background-image')==='' || preview.css('background-image')=='none') { preview.css({backgroundImage: 'url(' + previewSrc + ')'}); setTimeout(function(){ _thumbPreview.removeClass('no-transition'); }, 0); } preview.css({backgroundPosition: '0px -'+((view-1)*previewHeight)+'px' }); }