1

サイト Im の構築で Jquery Tablesorter プラグインを使用しており、Jquery のドラッグ可能およびドロップ可能な機能を使用してコンテンツをドラッグ アンド ドロップする際に問題が発生しました。

テーブルに 20 行あり、1 ページに 10 行のみを表示するようにテーブルを設定した場合、テーブルの最初のページにドラッグして出入りできることがわかりましたが、2 ページ目に移動するとすぐに、次のことができなくなります。ドラッグアンドドロップ。

どんな助けでも素晴らしいでしょう。

<script type="text/javascript">
$(document).ready(function() {
$("#news-table") 
.tablesorter({widthFixed: false, widgets: ['zebra']}) 
.tablesorterPager({container: $("#pager"), size: 5});
});
</script>

テーブルを初期化するスクリプトです。そして、これはテーブルの行です。クラス「news_draggable」を持つ画像は、ドラッグできる要素です。

<div style="width: 100px; height: 100px;" class="droppable ui-droppable" id="target_11">
<img src="../uploads/thumb_p16t4fe2urr012g31e671garcto7.jpg" class="news_draggable ui-draggable" id="11">
</div>

別のページをクリックするか、テーブルをソートすることによって、テーブルが変更されたときに、ドラッグ可能な関数を呼び出す必要があると思います。それがどのように達成されるかはわかりません。

4

1 に答える 1

0

ページャープラグインはメモリからデータを保存および並べ替えるため、ページャープラグインが初期化された後、2番目のページの行は実際には存在しません。ページャーアドオンを使用することも、テーブルソーターのgithubフォークにあるページャーの変更バージョンを試すこともできませんでした。

これがポケットベルアドオンのデモページです。removeRowsオプションをに設定するだけで、falseこの問題が解決するはずです。

于 2012-05-15T17:52:44.147 に答える