vue.js 首页有一个点击出现侧边栏的功能,项目刚运行时有用,点到别的界面再返回就没用了

用的是jquery和zepto
先在webpack.base.conf.js里

externals: {
    'zepto': 'Zepto',
    'jquery': 'jQuery'
  },

再是index.html里引入

<script type="text/javascript" src="./static/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="./static/js/zepto.js"></script>

再在index.html里写js代码

 window.onload = function() {
        var tcBtn = $("#select");
        var tc = $("#selectTc");
        tcBtn.bind("tap", function() {
          $(".scroll").css({
            "height":"80vh",
            "overflow": "hidden"
          });
          tc.show(80, function() {
            tc.find(".tc-left").animate({
              left: '0'
            }, 400);
          });

        });
        tc.find(".tc-right").bind("tap", function() {
          tc.find(".tc-left").animate({
            left: '-80%'
          }, 400, function() {
            tc.hide();
            $(".scroll").css({
              "height":"auto",
              "overflow": "scroll"
            });
          });

        });
      }
阅读 8.1k
4 个回答

大家都说,用了Vue后就不用jquery这些了 , 你一下子用了两个(~_~|||)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题