在显示视图后触发单击时，Switchery呈现错误

Question

我正在使用switchery来查看我的应用复选框。在我的代码中，当用户打开模态视图时，我读取已保存的复选框状态并使用

更新复选框

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

因此，在上面的行中，切换第四个复选框取决于保存的状态是true还是false。这没有问题。

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

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

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

交换机在KendoUI移动视图中的phonegap应用程序内部进行了渲染。它包含在li元素

周围

Answer 1

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

这对我有用。