javascript - 显示 View 后触发点击时 Switchery 呈现错误

Question

我正在使用 switchery对于我的应用程序复选框。在我的代码中，当用户打开模态视图时，我读取保存的复选框状态并使用

相应地更新复选框

 $('.switchery:nth(3)').click();

所以在上面的行中，第四个复选框的切换取决于保存的状态是真还是假。这没有问题。

问题是，当我在显示 View 后动态触发点击时，开关的圆形部分出现在其容器的右侧，而不是应该出现在右内部分。

当我点击屏幕上的开关时，它显示正确。只有当我在显示 View 后运行代码来切换它时，它才会显示不正确。

查看 CSS，我看到 <small>元素(负责呈现圆形元素的元素)具有 left: 50px ;这导致它呈现在开关边界之外(应该更少)。我认为插件计算出了错误，但我不知道如何解决。

开关在 KendoUI 移动 View 中的 phonegap 应用程序内呈现。它包裹在 li 周围元素

Answer 1

打开 switchery.js 并在 Switchery.prototype.setPosition 函数中将 jack.offsetWidth 替换为 30。

这对我有用。