質問編集履歴
1
ソース追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,4 +8,121 @@
|
|
|
8
8
|
項目が多い時に縦スクロールが出てほしいのですが、
|
|
9
9
|
出てくれません。
|
|
10
10
|
ご存知の方いらっしゃいましたら教えてください。
|
|
11
|
-
宜しくお願いいたします。
|
|
11
|
+
宜しくお願いいたします。
|
|
12
|
+
|
|
13
|
+
```
|
|
14
|
+
<script language="javascript" src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>
|
|
15
|
+
|
|
16
|
+
<link rel="stylesheet" href="/css/drawer.min.css">
|
|
17
|
+
<script src="/js/drawer.min.js"></script>
|
|
18
|
+
<script src="/js/iscroll.min.js"></script>
|
|
19
|
+
<script type="text/javascript">
|
|
20
|
+
<!--
|
|
21
|
+
$(function(){
|
|
22
|
+
$('.drawer').drawer();
|
|
23
|
+
});
|
|
24
|
+
//-->
|
|
25
|
+
</script>
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
アクションで表示する内容（一部しか表示されない）
|
|
33
|
+
```
|
|
34
|
+
<nav class="drawer-nav" role="navigation">
|
|
35
|
+
<p class="text-center">Select Member</p>
|
|
36
|
+
<form id="member-select-form">
|
|
37
|
+
<div class="checkbox">
|
|
38
|
+
<input type="checkbox" name="cb-member" id="dw_member1" class="dw_member" value="001" />
|
|
39
|
+
<label for="dw_member1" class="cb-member"><span id="member_name1">てすと１</span></label>
|
|
40
|
+
<input type="checkbox" name="cb-member" id="dw_member2" class="dw_member" value="003" />
|
|
41
|
+
<label for="dw_member2" class="cb-member"><span id="member_name2">てすと３</span></label>
|
|
42
|
+
<input type="checkbox" name="cb-member" id="dw_member3" class="dw_member" value="007" />
|
|
43
|
+
<label for="dw_member3" class="cb-member"><span id="member_name3">てすと４</span></label>
|
|
44
|
+
<input type="checkbox" name="cb-member" id="dw_member4" class="dw_member" value="008" />
|
|
45
|
+
<label for="dw_member4" class="cb-member"><span id="member_name4">てすと５</span></label>
|
|
46
|
+
<input type="checkbox" name="cb-member" id="dw_member5" class="dw_member" value="010" />
|
|
47
|
+
<label for="dw_member5" class="cb-member"><span id="member_name5">てすと７</span></label>
|
|
48
|
+
<input type="checkbox" name="cb-member" id="dw_member6" class="dw_member" value="011" />
|
|
49
|
+
<label for="dw_member6" class="cb-member"><span id="member_name6">てすと８</span></label>
|
|
50
|
+
<input type="checkbox" name="cb-member" id="dw_member7" class="dw_member" value="012" />
|
|
51
|
+
<label for="dw_member7" class="cb-member"><span id="member_name7">てすと９</span></label>
|
|
52
|
+
<input type="checkbox" name="cb-member" id="dw_member8" class="dw_member" value="015" />
|
|
53
|
+
<label for="dw_member8" class="cb-member"><span id="member_name8">てすと１１</span></label>
|
|
54
|
+
<input type="checkbox" name="cb-member" id="dw_member9" class="dw_member" value="016" />
|
|
55
|
+
<label for="dw_member9" class="cb-member"><span id="member_name9">てすと１２</span></label>
|
|
56
|
+
<input type="checkbox" name="cb-member" id="dw_member10" class="dw_member" value="020" />
|
|
57
|
+
<label for="dw_member10" class="cb-member"><span id="member_name10">てすと１３</span></label>
|
|
58
|
+
<input type="checkbox" name="cb-member" id="dw_member11" class="dw_member" value="025" />
|
|
59
|
+
<label for="dw_member11" class="cb-member"><span id="member_name11">てすと１４</span></label>
|
|
60
|
+
<input type="checkbox" name="cb-member" id="dw_member12" class="dw_member" value="030" />
|
|
61
|
+
<label for="dw_member12" class="cb-member"><span id="member_name12">てすと１５</span></label>
|
|
62
|
+
<input type="checkbox" name="cb-member" id="dw_member13" class="dw_member" value="035" />
|
|
63
|
+
<label for="dw_member13" class="cb-member"><span id="member_name13">てすと１６</span></label>
|
|
64
|
+
<input type="checkbox" name="cb-member" id="dw_member14" class="dw_member" value="045" />
|
|
65
|
+
<label for="dw_member14" class="cb-member"><span id="member_name14">てすと１８</span></label>
|
|
66
|
+
<input type="checkbox" name="cb-member" id="dw_member15" class="dw_member" value="050" />
|
|
67
|
+
<label for="dw_member15" class="cb-member"><span id="member_name15">てすと１９</span></label>
|
|
68
|
+
<input type="checkbox" name="cb-member" id="dw_member16" class="dw_member" value="060" />
|
|
69
|
+
<label for="dw_member16" class="cb-member"><span id="member_name16">てすと２１</span></label>
|
|
70
|
+
<input type="checkbox" name="cb-member" id="dw_member17" class="dw_member" value="065" />
|
|
71
|
+
<label for="dw_member17" class="cb-member"><span id="member_name17">てすと２２</span></label>
|
|
72
|
+
<input type="checkbox" name="cb-member" id="dw_member18" class="dw_member" value="070" />
|
|
73
|
+
<label for="dw_member18" class="cb-member"><span id="member_name18">てすと２３</span></label>
|
|
74
|
+
<input type="checkbox" name="cb-member" id="dw_member19" class="dw_member" value="080" />
|
|
75
|
+
<label for="dw_member19" class="cb-member"><span id="member_name19">てすと２５</span></label>
|
|
76
|
+
<input type="checkbox" name="cb-member" id="dw_member20" class="dw_member" value="085" />
|
|
77
|
+
<label for="dw_member20" class="cb-member"><span id="member_name20">てすと２６</span></label>
|
|
78
|
+
<input type="checkbox" name="cb-member" id="dw_member21" class="dw_member" value="090" />
|
|
79
|
+
<label for="dw_member21" class="cb-member"><span id="member_name21">てすと２７</span></label>
|
|
80
|
+
<input type="checkbox" name="cb-member" id="dw_member22" class="dw_member" value="095" />
|
|
81
|
+
<label for="dw_member22" class="cb-member"><span id="member_name22">てすと２９</span></label>
|
|
82
|
+
<input type="checkbox" name="cb-member" id="dw_member23" class="dw_member" value="096" />
|
|
83
|
+
<label for="dw_member23" class="cb-member"><span id="member_name23">てすと３０</span></label>
|
|
84
|
+
<input type="checkbox" name="cb-member" id="dw_member24" class="dw_member" value="105" />
|
|
85
|
+
<label for="dw_member24" class="cb-member"><span id="member_name24">てすと３２</span></label>
|
|
86
|
+
<input type="checkbox" name="cb-member" id="dw_member25" class="dw_member" value="106" />
|
|
87
|
+
<label for="dw_member25" class="cb-member"><span id="member_name25">てすと３３</span></label>
|
|
88
|
+
<input type="checkbox" name="cb-member" id="dw_member26" class="dw_member" value="107" />
|
|
89
|
+
<label for="dw_member26" class="cb-member"><span id="member_name26">てすと３４</span></label>
|
|
90
|
+
<input type="checkbox" name="cb-member" id="dw_member27" class="dw_member" value="110" />
|
|
91
|
+
<label for="dw_member27" class="cb-member"><span id="member_name27">てすと３５</span></label>
|
|
92
|
+
<input type="checkbox" name="cb-member" id="dw_member28" class="dw_member" value="112" />
|
|
93
|
+
<label for="dw_member28" class="cb-member"><span id="member_name28">てすと３６</span></label>
|
|
94
|
+
<input type="checkbox" name="cb-member" id="dw_member29" class="dw_member" value="115" />
|
|
95
|
+
<label for="dw_member29" class="cb-member"><span id="member_name29">てすと３９</span></label>
|
|
96
|
+
<input type="checkbox" name="cb-member" id="dw_member30" class="dw_member" value="121" />
|
|
97
|
+
<label for="dw_member30" class="cb-member"><span id="member_name30">てすと４１</span></label>
|
|
98
|
+
<input type="checkbox" name="cb-member" id="dw_member31" class="dw_member" value="125" />
|
|
99
|
+
<label for="dw_member31" class="cb-member"><span id="member_name31">てすと４２</span></label>
|
|
100
|
+
<input type="checkbox" name="cb-member" id="dw_member32" class="dw_member" value="130" />
|
|
101
|
+
<label for="dw_member32" class="cb-member"><span id="member_name32">てすと４３</span></label>
|
|
102
|
+
<input type="checkbox" name="cb-member" id="dw_member33" class="dw_member" value="135" />
|
|
103
|
+
<label for="dw_member33" class="cb-member"><span id="member_name33">てすと４４</span></label>
|
|
104
|
+
<input type="checkbox" name="cb-member" id="dw_member34" class="dw_member" value="136" />
|
|
105
|
+
<label for="dw_member34" class="cb-member"><span id="member_name34">てすと４５</span></label>
|
|
106
|
+
<input type="checkbox" name="cb-member" id="dw_member35" class="dw_member" value="140" />
|
|
107
|
+
<label for="dw_member35" class="cb-member"><span id="member_name35">てすと４７</span></label>
|
|
108
|
+
<input type="checkbox" name="cb-member" id="dw_member36" class="dw_member" value="142" />
|
|
109
|
+
<label for="dw_member36" class="cb-member"><span id="member_name36">てすと４９</span></label>
|
|
110
|
+
<input type="checkbox" name="cb-member" id="dw_member37" class="dw_member" value="145" />
|
|
111
|
+
<label for="dw_member37" class="cb-member"><span id="member_name37">てすと５０</span></label>
|
|
112
|
+
<input type="checkbox" name="cb-member" id="dw_member38" class="dw_member" value="150" />
|
|
113
|
+
<label for="dw_member38" class="cb-member"><span id="member_name38">てすと５１</span></label>
|
|
114
|
+
<input type="checkbox" name="cb-member" id="dw_member39" class="dw_member" value="160" />
|
|
115
|
+
<label for="dw_member39" class="cb-member"><span id="member_name39">てすと５３</span></label>
|
|
116
|
+
</div>
|
|
117
|
+
</form>
|
|
118
|
+
</nav>
|
|
119
|
+
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
駆動するボタン
|
|
123
|
+
```
|
|
124
|
+
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 pull-right">
|
|
125
|
+
<p><img src="/images/icon-member-select.png" width="70" class="drawer-toggle" /><br>Select Members</p>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
```
|