• 框架: 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;
    });
  • 相关阅读:
    Windows10 + eclipse + JDK1.8 + Apache Maven 3.6.0 + dl4j深度学习环境配置
    vector,deque,list的区别和使用
    extern C的用法解析
    向jupyter notebook加入Anaconda3中已添加的虚拟环境kernel
    TensorFlow学习
    windows10+Python3.6+Anaconda3+tensorflow1.10.0配置和安装
    torchvision
    无oracle客户端仅用plsql连接远程oracle
    poj 3463 Sightseeing(次短路+条数统计)
    10.11 noip模拟试题
  • 原文地址:https://www.cnblogs.com/qq21270/p/5613960.html
Copyright © 2020-2023  润新知