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

发布于 2022-09-04 06:01:47 字数 1113 浏览 14 评论 0

用的是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"
            });
          });

        });
      }

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

琉璃繁缕 2022-09-11 06:01:47

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

笔芯 2022-09-11 06:01:47

没看到那用了vue

掩于岁月 2022-09-11 06:01:47

牛掰,jquery、zepto这么用。。。

肤浅与狂妄 2022-09-11 06:01:47

为什么不直接用jq呢?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文