Tag: spin.js

jQuery：强制显示修改后的dom

我遇到了一个问题，试图在我的页面上有一个“加载微调器”，它正在对表进行排序时运行，特别是对于速度较慢的客户端，因为对页面进行排序可能需要10秒钟。 我可以看到使用微调器代码修改DOM，但是它不会显示。 我希望在排序发生之前我可以做些什么来强制显示微调器，当然在排序完成时停止它。 我的排序基于’sorttable.js’ ，我已经修改它来处理表的第一列的二级排序（其中包含名称）。 我的微调器使用’spin.js’ 。 我仍然是这个jQuery东西的新手，而且这个可排序的代码非常复杂。 我突出显示下面的部分，但我的完整修改后的可排序代码（现在）可以在’sorttable-TESTING-ONLY.js’找到，并在’TESTING-ONLY-sort_and_spin.htm’上有一个测试html页面。 因此，脚本在页面加载时设置一些函数（“…..”表示跳过行）： makeSortable: function(table) { //line 75 …… headrow = table.tHead.rows[0].cells; for (var i=0; i 0) { var opts = { ……. }; data.spinner = new Spinner($.extend({color: $this.css(‘color’)}, opts)).spin(this); // can see spinner added to DOM but does not display… } }})(i); 代码为列标题创建可点击的事件处理程序： headrow[i].sorttable_columnindex = i; //line […]

将spin.js微调器插入div？

刚刚找到spin.js，它似乎是一个救生员。 问题是如何将微调器插入我的div？ 我有一个跟随按钮，单击时我删除背景图像，目前替换为loader.gif。 我怎么能用spin.js做同样的事情？ 我敲了一个jsfiddle的简单例子： http://jsfiddle.net/4XpHp/ 我想旋转器在红色方格div内。 Spin! var opts = { lines: 13, // The number of lines to draw length: 17, // The length of each line width: 8, // The line thickness radius: 21, // The radius of the inner circle corners: 1, // Corner roundness (0..1) rotate: 58, // The rotation […]