0
jQueryから選択可能なウィジェットを使用して、テーブル内の行を選択する機能を作成しました。今では、選択された行が一緒にdivタグ(多くではなく、ただ1つの大きなdiv)を形成し、ドラッグ可能でサイズ変更可能なような別の機能を追加できるようにするdivタグを作成したいと思いますか?多くの選択された表の行から1つのdivタグへ
jQuery("#wrapper>table>tbody").bind("mousedown", function(e) {
e.metaKey = false;
}).selectable({
filter: "td",
stop: function(event, ui) {
jQuery(".ui-selected").addClass('todiv');
}
});
<div id="wrapper">
<table>
<col width="9%">
<thead>
<tr>
<th colspan="2"> </th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2"> </th>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<th rowspan="2"> </th>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</div>
table,th,tr,td { border: 1px solid black; }
.ui-selectable .ui-selected { background-color: #a6c9e2; }
.ui-selectable .ui-selecting { background: #FECA40; }
.todiv { background-color: green; }
は良いアイデアですが、ページを再度リロードする必要があるときに後にクローン化する選択した領域を持っていないだろう、私はここを参照してください、より正確には別の質問を開く:[修正-高さの-AN -absolute-positioned-div-tag-in-a-list](http://stackoverflow.com/questions/37221523/fix-height-of-an-absolute-positioned-div-tag-in-a-list) 。 –