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;
    });
  • 相关阅读:
    如何在Mac OS X上安装 Ruby运行环境
    CocoaPods安装和使用教程
    【Objective-C】07-自定义构造方法和description方法
    window cmd 命令大全 (order)
    vue methods 方法中 方法 调用 另一个方法。
    js ---- 函数防抖
    three.js 运行3D模型
    点击保存网页 (及页面的数据)
    js -- canvas img 封装
    js -- 分页功能
  • 原文地址:https://www.cnblogs.com/qq21270/p/5613960.html
Copyright © 2011-2022 走看看