SelectBox を含むテーブルを並べ替えたい。テーブルを並べ替え可能にすると、SelectBoxes がドロップダウンしません。
この JQuery および UI バージョンは使用中です...
jquery-1.9.1.js
jquery-ui-1.9.1.js
誰かが私を助けてくれることを願っています。
これがコードです...
HTML
<table id="sort">
<thead>
<tr>
<th>AAA</th>
<th>BBB</th>
<th>CCC</th>
</tr>
</thead>
<tbody>
<tr>
<td>111</td>
<td>222</td>
<td>
<select name="s1">
<option value="1">v1</option>
<option value="2">v2</option>
<option value="3">v3</option>
</select>
</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
<td>
<select name="s2">
<option value="1">v1</option>
<option value="2">v2</option>
<option value="3">v3</option>
</select>
</td>
</tr>
<tr>
<td>555</td>
<td>666</td>
<td>
<select name="s3">
<option value="1">v1</option>
<option value="2">v2</option>
<option value="3">v3</option>
</select>
</td>
</tr>
</tbody>
</table>
JQuery
<script type="text/javascript">
var fixHelper = function(e, ui) {
ui.children().each(function() {
$(this).width($(this).width());
});
return ui;
};
$("#sort tbody").sortable({
helper: fixHelper,
stop: function(event, ui) {
$( 'div[id$=_pos_view]' ).each(function( index ) {
$(this).html(index);
});
$("input:checkbox[name$=__active]").each(function( index ) {
$(this).data('pos', index);
});
}
}).disableSelection();
</script>