显示视图后触发单击时切换器呈现错误

Question

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

相应地更新了复选框

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

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

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

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

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

开关在 KendoUI 移动视图中的 phonegap 应用程序中呈现。它被包裹在一个 li 元素上

Answer 1

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

这对我有用。