teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

should better

2015/04/20 09:56

投稿

退会済みユーザー
answer CHANGED
@@ -7,13 +7,13 @@
7
7
  <li id="item_2" class="ui-state-default border-color-red">項目 2</li>
8
8
  <li id="item_3" class="ui-state-default border-color-red">項目 3</li>
9
9
  </ul>
10
- <ul id="sortable2" class="jquery-ui-sortable2">
10
+ <ul id="sortable2" class="jquery-ui-sortable">
11
11
  <h3>実施中</h3>
12
12
  <li id="item_4" class="ui-state-default border-color-blue">項目 4</li>
13
13
  <li id="item_5" class="ui-state-default border-color-blue">項目 5</li>
14
14
  <li id="item_6" class="ui-state-default border-color-blue">項目 6</li>
15
15
  </ul>
16
- <ul id="sortable3" class="jquery-ui-sortable3">
16
+ <ul id="sortable3" class="jquery-ui-sortable">
17
17
  <h3>完了</h3>
18
18
  <li id="item_7" class="ui-state-default border-color-green">項目 7</li>
19
19
  <li id="item_8" class="ui-state-default border-color-green">項目 8</li>

1

訂正

2015/04/20 09:56

投稿

退会済みユーザー
answer CHANGED
@@ -21,16 +21,15 @@
21
21
  </ul>
22
22
  <script>
23
23
  $(function() {
24
- $('#sortable1').sortable({ connectWith : '#sortable2'})
24
+ $('#sortable1').sortable({ connectWith : ['#sortable2', '#sortable3']});
25
- .sortable({ connectWith : '#sortable3'});
26
- $('#sortable2').sortable({ connectWith : '#sortable3'})
25
+ $('#sortable2').sortable({ connectWith : ['#sortable3', '#sortable1']});
27
- .sortable({ connectWith : '#sortable1'});
28
- $('#sortable3').sortable({ connectWith : '#sortable1'})
26
+ $('#sortable3').sortable({ connectWith : ['#sortable1', '#sortable2']});
29
- .sortable({ connectWith : '#sortable2'});
30
27
  });
31
28
  </script>
32
29
  ```
33
30
 
31
+ ※訂正しました。
32
+
34
33
  > ただ他との関係もあってクラス名を変えたいと思っています。
35
34
 
36
35
  クラス名を変えたい理由がよくわかりませんが、何か勘違いをされている気がします。