アプリのチェックボックスにスイッチを使用しています。ユーザーがモーダルビューを開いたときのコードで、保存されたチェックボックスの状態を読み取り、を使用してチェックボックスを適切に更新します。
$('.switchery:nth(3)').click();
したがって、上の行では、保存された状態がtrueかfalseかに応じて、4番目のチェックボックスが切り替えられます。これは問題なく動作します。
問題は、ビューが表示された後に動的にクリックをトリガーすると、スイッチの丸みを帯びた部分が、本来あるべき内側の右側ではなく、コンテナーの右側に表示されることです。
画面のスイッチスイッチをクリックすると、正しく表示されます。ビューが表示された後でコードを実行して切り替えると、正しく表示されません。
CSSを見ると、<small>
要素(丸められた要素のレンダリングを担当する要素)にleft: 50px
;があることがわかります。これにより、スイッチの境界の外側にレンダリングされます(少なくする必要があります)。プラグインが何か間違った計算をしたと思いますが、どうやって解決すればいいのかわかりません。
スイッチは、KendoUIモバイルビューのphonegapアプリ内で表示されます。li
要素に巻き付けられます
switchery.jsを開き、Switchery.prototype.setPosition関数でjack.offsetWidthを30に置き換えます。
これは私のために働いた。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加