亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

點擊沒有反應

;$(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扁平化博客之文章頁及常用組件
  • 參與學習       36309    人
  • 解答問題       54    個

又一波 CSS3扁平化博客

進入課程

點擊沒有反應

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號