为了账号安全,请及时绑定邮箱和手机立即绑定

点击没有反应

;$(function(){
	'use strict';
	var sidebar=$('#sidebar'),
	    mask=$('.mask'),
	    sidebar_trigger=$('#sidebar_trigger');

    function showSidebar(){
 	    mask.fadeIn();
		sidebar.css('right',0);
	}
    function hideSidebar(){
    	mask.fadeOut();
    	sidebar.css('right',-sidebar.width);
    }
	sidebar_trigger.on('click',showSidebar);
	mask.on('click',hideSidebar);
})
.mask{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background:rgba(0,0,0,0.3);
}
#sidebar{
	width: 300px;
	background: #333;
	position: fixed;
	top: 0;
	right: -300px;
	bottom: 0;
	padding: 20px 0;
	transition: right 0.5s;
}

点击链接后没有反应,求查错。

正在回答

7 回答

看是不是你的JQ库版本有问题,

$(function ()

{

    'use strict';

    var sidebar=$('#sidebar'),

    mask=$('.mask'),

    sidebar_trigger=$('#sidebar_trigger');

sidebar_trigger.click(function()

{

  mask.fadeIn();

                sidebar.css('right',0);

});

mask.click(function()

{

  mask.fadeOut();

                sidebar.css('right',-sidebar.width());

});

});

试试这个。

0 回复 有任何疑惑可以回复我~

我的也是这个问题,解决了么?

0 回复 有任何疑惑可以回复我~

html 部分的代码对吗?

0 回复 有任何疑惑可以回复我~

请问这个错误现在有解决方案吗?咱俩的错误一样!

0 回复 有任何疑惑可以回复我~

我的一开始也打不开,后来我发现是#sidebar  ul下的margin没设置成0,不知道你的是不是同一个错误

0 回复 有任何疑惑可以回复我~
#1

Yvonne_D 提问者

我已经设置了margin为0了哦
2016-09-29 回复 有任何疑惑可以回复我~

-sidebar.width 这里缺一个括号。。其他的还没发现。

0 回复 有任何疑惑可以回复我~
#1

Yvonne_D 提问者

括号已经成对了呢,应该加在哪里
2016-09-29 回复 有任何疑惑可以回复我~
#2

xue5hen 回复 Yvonne_D 提问者

sidebar.css('right',-sidebar.width());
2016-09-29 回复 有任何疑惑可以回复我~
#3

xue5hen 回复 xue5hen

再测试一下,是不是会被扒一层皮 这是第二句(测试)
2016-09-29 回复 有任何疑惑可以回复我~
#4

Yvonne_D 提问者 回复 xue5hen

还是不行呢。点击链接侧边栏不会出来。
2016-09-29 回复 有任何疑惑可以回复我~
查看1条回复

举报

0/150
提交
取消
CSS3扁平化博客之文章页及常用组件
  • 参与学习       36316    人
  • 解答问题       53    个

又一波 CSS3扁平化博客

进入课程

点击没有反应

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信