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"
});
});
});
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
大家都说,用了Vue后就不用jquery这些了 , 你一下子用了两个(~_~|||)
没看到那用了vue
牛掰,jquery、zepto这么用。。。
为什么不直接用jq呢?