質問編集履歴
1
正解を追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -97,4 +97,37 @@
|
|
|
97
97
|
|
|
98
98
|
</script>
|
|
99
99
|
|
|
100
|
+
```
|
|
101
|
+
###教えていただき動作したコード
|
|
102
|
+
```Javascript
|
|
103
|
+
<script type="text/javascript">
|
|
104
|
+
$(document).ready(function() {
|
|
105
|
+
//右からメニューを出す
|
|
106
|
+
$('#right-menu').sidr({
|
|
107
|
+
name: 'right-sidr',
|
|
108
|
+
side: 'right',
|
|
109
|
+
//開く時に実行
|
|
110
|
+
onOpen: function(){
|
|
111
|
+
$('.layer').css('display','block');
|
|
112
|
+
},
|
|
113
|
+
|
|
114
|
+
//開いた後に実行
|
|
115
|
+
onOpenEnd: function(){
|
|
116
|
+
},
|
|
117
|
+
//閉じる時に実行
|
|
118
|
+
onClose: function(){
|
|
119
|
+
|
|
120
|
+
$('.layer').css('display','none');
|
|
121
|
+
},
|
|
122
|
+
//閉じた後に実行
|
|
123
|
+
onCloseEnd: function(){
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
//bodyをクリックでメニューを閉じる
|
|
127
|
+
$('body').click(function() {
|
|
128
|
+
$.sidr('close', 'right-sidr');
|
|
129
|
+
|
|
130
|
+
});
|
|
131
|
+
});
|
|
132
|
+
</script>
|
|
100
133
|
```
|