请问如何用zepto.js实现上下触摸滑动切换效果事件?

JavaScript05

请问如何用zepto.js实现上下触摸滑动切换效果事件?,第1张

zepto.js有的需要自己引用touch.js额外js文件才支持触摸事件,touch.js可以到zepto的gihub上下载

如果只是写简单的效果,直接给页面上的body绑定一个swipeup事件swipedown事件来自己写动画切换(如果需要zepto.js支持jquery类似的动画效果需要继续添加额外的fx.js)

可以使用$(window).on("load",function(){})的写法。

function($){

    $(function() {    

              $script = $('<script />', {

                        src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js',

                        id: 'ui-jquery'

               })

              $script.appendTo($('body'))

              $script.on('load', function() {

                      console.log('jQ script loaded')

              })

      })

})(window.jQuery)

使用 jQuery 时 load 事件的处理函数不会执行。

Zepto(function($){

       $script = $('<script />', {

              src: 'http://cdn.amazeui.org/amazeui/1.0.1/js/amazeui.js',

              id: 'ui-zepto'

      })

      $script.appendTo($('body'))

      $script.on('load', function() {

              console.log('zepto script loaded')

      })}

使用 Zepto 时 load 事件的处理函数会执行。

参考 https://segmentfault.com/a/1190000003409961

$("body").on("click", ".dom", function(){

    var me = $(this),

        atr = me.attr("abc")

    if(atr == 1){

        alert("第二次")

        me.attr("abc", 0)

    }else{

        alert("第一次")

        me.attr("abc",1)

    }

})