重新排列不必要地调用内联jquery函数

Question

我的页面上有可排列的小部件（使用JQuery可排序），每个小部件都有自己的“引用”。

它们在小部件的末尾还包含$(document).ready()：

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

理论上，$(document).ready()只运行一次，就在页面加载时。问题是它也会在拖放元素时运行。

老实说，所有建议避免使用内联JS的人都是对的。在这种特殊情况下，我有充分的理由将内联JS放在那里。

我是否正确地认为它不应该拖放？如果没有，有哪些解决方案可以阻止它这样做？

更新：简单示例在这里：

JSFiddle link

尝试重新排列第1，第3和第6个元素并检查控制台。