javascript - 並べ替えがインライン jquery 関数を不必要に呼び出す

Question

私のページには (JQuery ソート可能を使用して) 配置可能なウィジェットがあり、それぞれに独自の「参照」があります。

$(document).ready()ウィジェットの最後にも含ま れています：

            <script>
                {# Handle elements #}
                $(document).ready( function () {
                    var el = $(widget.[{{ section }}][{{ index }}]);
                    widget.add($(el));
                });
            </script>

理論的には$(document).ready()は 1 回だけ実行され、そのときにページが読み込まれます。問題は、要素がドラッグ アンド ドロップされたときにも実行されることです。

正直なところ、インライン JS を避けることを勧めた皆さんは正しいです。この特定のケースでは、そこにインライン JS を配置する正当な理由があります。

ドラッグアンドドロップで実行すべきではないと考えるのは正しいですか? そうでない場合、それを防ぐためにどのような解決策がありますか?

更新:簡単な例は次のとおりです:

JSFミドルリンク

1 番目、3 番目、6 番目の要素を並べ替えて、コンソールを確認してください。