zoukankan      html  css  js  c++  java
  • 框架: require.js

    require.js

    http://www.bootcdn.cn/require.js/

    HTML:

    <div class="container" data-page="indexpage">
    .......
    </div>
    <script data-main="js/askMain.js?v=61" src="js/plugin/require.js"></script>

    askMain.js

    require.config({
        paths: {
            //Zepto: 'plugin/zepto.min',
            //swiper:'plugin/swiper.min'
            Zepto: 'http://s1.xxx.com/common_h5/js/plugin/zepto.min',
            swiper:'http://s1.xxx.com/common_h5/js/plugin/swiper.min'
        },
        shim: {
            'Zepto': {
                exports: 'Zepto'
            },
            'common': {
                deps: ['Zepto'],//依赖
                exports: 'common'
            },
            'swiper': {
                deps: ['Zepto'],//依赖
                exports: 'swiper'
            }
        }
    });
    //require(['Zepto','common','ask'], function($,common,askDesign) {
    require(['Zepto','common','swiper','ask'], function($,common,swiper,askDesign) {
        var dataPage = $('.container').attr('data-page');
        switch (dataPage) {
        case 'indexpage':/*首页*/
                askDesign.init();
                break;
    
            case 'questions-to'://提问
                //....
                break;
        }
    });

    ask.js

    'use strict';
    //define(['Zepto','common'], function($,common) {
    define(['Zepto','common','swiper'], function($,common,swiper) {
        var askDesign = {
            init: function() {
                var mySwiper = new Swiper('.swiper-container',{
                    //pagination: '.pagination',
                    //loop:false,
                    //paginationClickable: true,
                    mousewheelControl:true,//鼠标滚轮
                    //autoplay:2000,
                    //mode: 'vertical',//纵向滚动(这个好像不好使了 2016-1-15)
                    //direction: 'vertical',//纵向滚动(这个好用 2016-1-15)
                    onInit: function(mySwiper){//Swiper初始化了
                        //console.log("提示Swiper的当前索引 "+mySwiper.activeIndex);//提示Swiper的当前索引
                    },
                });
            },
            log : function(){
        
    
            }
        };
        return askDesign;
    });
  • 相关阅读:
    IOS开发——01_第一个OC程序
    01_iOS开发需要准备什么?
    正则表达式随笔
    .net4.6版本前设置window子窗口位置主窗口闪烁
    [CF1486D] Max Median
    [CF1487D] Pythagorean Triples
    [CF1487E] Cheap Dinner
    [CF1490E] Accidental Victory
    [CF1490F] Equalize the Array
    [CF1490G] Old Floppy Drive
  • 原文地址:https://www.cnblogs.com/qq21270/p/5613960.html
Copyright © 2011-2022 走看看