javascript - 无法切换向左滑动 div

标签 javascript jquery

我在从左侧滑动 div 时遇到问题,我之前已经这样做过并且效果很好,但我不确定这次由于某种原因它根本没有真正滑动。 它似乎滑动了几毫米,然后似乎显示了 div 的其余部分。

我已经尝试过

$('#menu_area').toggle('slide', { direction: 'left' }, 1000);

var left = $('#menu_area').offset().left;
$("#menu_area").css({left:left}).animate({"left":"140px"}, 500, function(){

这是我的链接

http://2click4.com/new/place2.php?id=CoQBcQAAAGqvOgbp0tJu7kVVn9hxur12lk85dSxYZiWj_2w8aL8yzahacGeo1h9ZZ0cAn2enEK7LirrOR8KBCzDhEdmpRbzlJt8000Ufvbct6lP4VUYQkSDXHq6YdFH_w799dw4HUcIz8pimNOdnIRS3hF8DoAt6RfZn7zC-cLgVvnSH7KdrEhDN4vYCBQkmmat2HkYPJ1S6GhRxB-UeiOXywY_f5qRgL19SVKUCag

最佳答案

演示 http://jsfiddle.net/BywL4/
如果oyu想要滑动效果,请尝试设置宽度动画,如上面的链接所示

 $(document).on('click','button',function(){
   if($("#expand").css('width') == '0px') {
    $("#expand").animate({"width":"500px"}, "slow"); 
   } else {
    $("#expand").animate({"width":"0px"}, "slow");        
   }
});

关于javascript - 无法切换向左滑动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23324434/

相关文章:

javascript - 在 VueJS 中使用 prop 值作为变量

javascript - React - 使用用户输入进行 API 调用的正确方法是什么?

javascript - 如何获取所选选项的标签

javascript - 使用 jquery 交换文本,如何将其他文本还原为原始文本?

javascript - jQuery 塔 git !不工作

javascript - 单击图像右上角的 "X"标记删除图像

javascript - angular js ui.bootstrap 中的分页对我不起作用

Javascript,Ember 2,如何重构此 promise 代码(也许还可以使用 async/await)

jquery - 提交时禁用按钮并在提交后重新启用

javascript - 一个纯 CSS 文本链接到视频 slider