Jquery滑出菜单-代码问题
我一直在玩JSFIDLE上的jquery滑出菜单: 这是执行滑动操作的代码:Jquery滑出菜单-代码问题,jquery,menu,Jquery,Menu,我一直在玩JSFIDLE上的jquery滑出菜单: 这是执行滑动操作的代码: <script type='text/javascript'>//<![CDATA[ $(window).load(function(){ $('#button').toggle( function() { $('#right').animate({ left: 150 }, '', function() { $('#button').html('
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$('#button').toggle(
function() {
$('#right').animate({ left: 150 }, '', function() {
$('#button').html('Close');
});
},
function() {
$('#right').animate({ left: 0 }, '', function() {
$('#button').html('Menu');
});
}
);
});//]]>
</script>
//
这在jquery 1.7.2中非常有效,但在更高版本(如1.9.1)中,button div#button消失了,我假设切换功能工作不正常,但看不到问题出在哪里
注意:此方法签名在jQuery1.8中被弃用,并在jQuery1.9中被删除。jQuery还提供了一个名为.toggle()的动画方法,用于切换元素的可见性。是否触发动画或事件方法取决于所传递的参数集。类似的内容
$('#button').click(openMySlidingMenu);
function openMySlidingMenu(e) {
e.preventDefault();
$('#button').click(closeMySlidingMenu);
$('#right').stop().animate({ left: 250 }, 'slow', function() {
$('#button').html('Close');
// is open
});
}
function closeMySlidingMenu(e) {
e.preventDefault();
$('#button').click(openMySlidingMenu);
$('#right').stop().animate({ left: 0 }, 'slow', function() {
$('#button').html('Menu');
// is close
});
}
请看这里:
由于在jquery 1.9+以后的版本中删除了…您可以像这样使用jquery迁移插件(请参阅我们使用的是jquery 1.9.1和这里的Migrate pugin)Thanx。因此,我是jquery新手,没有见过迁移插件。这是一个bug。打开和关闭滑动菜单几次(对我来说至少7次),它会显著降低速度。