1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- "use strict";
- function setHtmlFontSize() {
- var width = 750; //如果是尺寸的设计稿在这里修改
- document.documentElement.style.fontSize = 100 * innerWidth / width + 'px';
- }
- setHtmlFontSize();
- function windowReload() {
- var isMiniScreen = innerWidth <= 768;
- window.addEventListener('resize', function () {
- setHtmlFontSize();
- console.log(innerWidth);
- if (isMiniScreen) {
- if (innerWidth > 768) {
- window.location.reload();
- }
- } else {
- if (innerWidth < 768) {
- window.location.reload();
- }
- }
- });
- }
- windowReload();
- function startMenuAction() {
- $(function () {
- var isAnimated = false;
- $('[data-toggle="dropdown"]').on('click', function () {
- if (isAnimated) return;
- isAnimated = true;
- $(this).parent('.dropdown').toggleClass('open');
- $(this).siblings('.dropdown-menu').slideToggle(false, function () {
- isAnimated = false;
- });
- });
- $('[data-toggle="collapse"]').on('click', function () {
- if (isAnimated) return;
- isAnimated = true;
- var target = $(this).attr('data-target');
- var expanded = $(this).attr('aria-expanded');
- if (expanded === 'true') {
- expanded = 'false';
- } else {
- expanded = 'true';
- }
- $(this).attr('aria-expanded', expanded);
- $(target).slideToggle(function () {
- if (expanded === 'true') {
- $(this).css('background', 'rgba(0, 0, 0, 0.3)');
- } else {
- $(this).css('background', 'transparent');
- }
- isAnimated = false;
- });
- });
- });
- }
- startMenuAction();
|