ビューが表示された後にクリックをトリガーすると、スイッチが正しくレンダリングされない

イダンシェクター

アプリのチェックボックスにスイッチ使用しています。ユーザーがモーダルビューを開いたときのコードで、保存されたチェックボックスの状態を読み取り、を使用してチェックボックスを適切に更新します。

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

したがって、上の行では、保存された状態がtrueかfalseかに応じて、4番目のチェックボックスが切り替えられます。これは問題なく動作します。

問題は、ビューが表示された後に動的にクリックをトリガーすると、スイッチの丸みを帯びた部分が、本来あるべき内側の右側ではなく、コンテナーの右側に表示されることです。

画面のスイッチスイッチをクリックすると、正しく表示されます。ビューが表示された後でコードを実行して切り替えると、正しく表示されません。

ここに画像の説明を入力してください

CSSを見ると、<small>要素(丸められた要素のレンダリングを担当する要素)にleft: 50px;があることがわかります。これにより、スイッチの境界の外側にレンダリングされます(少なくする必要があります)。プラグインが何か間違った計算をしたと思いますが、どうやって解決すればいいのかわかりません。

スイッチは、KendoUIモバイルビューのphonegapアプリ内で表示されます。li要素に巻き付けられます

アーミール・サイード

switchery.jsを開きSwitchery.prototype.setPosition関数jack.offsetWidthを30に置き換えます。

これは私のために働いた。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Androidでリストビューアイテムがクリックされたときにリストビューをフィルタリングしても正しい結果が表示されない

分類Dev

ネストされたインデックスルートがコンセントに正しくレンダリングされない

分類Dev

バックボーンアプリで入力フィールドイベントがトリガーされたときに、最初のビューが2番目のビューから望ましくない形でレンダリングされますか?

分類Dev

StripeElementクイックスタートの例が正しくレンダリングされない

分類Dev

展開後にイントラネットでアクセスすると、MVC5Webアプリケーションが正しく表示されない

分類Dev

リストビューの行をダブルクリックした後、C#.NETウィンドウが前面に表示されない

分類Dev

WordPress管理者にログインしようとすると、ページが正しくリダイレクトされないというエラーメッセージが表示されます。

分類Dev

FlightPHPフレームワークのビューとレイアウトを使用すると正しくレンダリングされない

分類Dev

Webページはレンダリングされますが、最初にサーバーがクラッシュし、その後サーバーがクラッシュすることなくレンダリングされます

分類Dev

Ajaxリダイレクト後にDjangoビューがレンダリングされない

分類Dev

pgAdminでロックされたジオメトリ列とビューアが正しく表示されない

分類Dev

Wavefront .objファイルからテクスチャを読み込もうとしたときに、インデックス付きレンダリング(glDrawElements)を使用すると、テクスチャが正しく表示されないのはなぜですか?

分類Dev

リストからアイテムを削除した後、jsが正しくレンダリングされないことに反応する

分類Dev

mvcでのWebフォームコントロールのレンダリング:ポストバックとイベントが正しくトリガーされないのはなぜですか?

分類Dev

トリガーされたときにスプライトレンダラーを使用してオブジェクトが表示されない

分類Dev

ビューが正しくレンダリングされていることをテストするにはどうすればよいですか?

分類Dev

Django Adminでchange_form.htmlテンプレートをオーバーライドすると、モデルリストビューのブレッドクラムがグレー表示され、クリックできなくなります

分類Dev

その行のチェックボックスがチェックされている場合、「OncheckedChange」イベントでグリッドビュー内にあるドロップダウンリストをバインドします

分類Dev

リンクをクリックした後、ブートストラップライトボックスにライトボックスが表示されない

分類Dev

jQueryでイベントがトリガーされることなく表示されるダイアログボックスを作成するにはどうすればよいですか?

分類Dev

iPhone 4インチ画面では、シミュレーターに3.5インチ画面が表示されます。スクリーンショットをチェックしてください。何が問題なのですか?

分類Dev

Safariでフレックスグリッドが正しくレンダリングされない-フレックスアイテムに高さがない

分類Dev

フックされたアプリケーションが画面に描画するときに、Openglフックレンダリングがビューにレンダリングされない

分類Dev

データ属性を更新するキーアップイベントが発生した後、スクリプトがトリガーされない

分類Dev

ツールバーの検索ボタンをクリックした後、ビューが正しく表示されない

分類Dev

ネストされたスクロールウィンドウ内のスティッキーHTML要素が正しくレンダリングされない

分類Dev

SelectAllOptionmultiselectをクリックしているときにonChangeイベントがトリガーされない

分類Dev

$ emitですべてのチェックボックスを選択してもビューが再レンダリングされない-Vuejs

分類Dev

React-チェックボックスが選択されているときにクラスコンポーネントをレンダリングする

Related 関連記事

  1. 1

    Androidでリストビューアイテムがクリックされたときにリストビューをフィルタリングしても正しい結果が表示されない

  2. 2

    ネストされたインデックスルートがコンセントに正しくレンダリングされない

  3. 3

    バックボーンアプリで入力フィールドイベントがトリガーされたときに、最初のビューが2番目のビューから望ましくない形でレンダリングされますか?

  4. 4

    StripeElementクイックスタートの例が正しくレンダリングされない

  5. 5

    展開後にイントラネットでアクセスすると、MVC5Webアプリケーションが正しく表示されない

  6. 6

    リストビューの行をダブルクリックした後、C#.NETウィンドウが前面に表示されない

  7. 7

    WordPress管理者にログインしようとすると、ページが正しくリダイレクトされないというエラーメッセージが表示されます。

  8. 8

    FlightPHPフレームワークのビューとレイアウトを使用すると正しくレンダリングされない

  9. 9

    Webページはレンダリングされますが、最初にサーバーがクラッシュし、その後サーバーがクラッシュすることなくレンダリングされます

  10. 10

    Ajaxリダイレクト後にDjangoビューがレンダリングされない

  11. 11

    pgAdminでロックされたジオメトリ列とビューアが正しく表示されない

  12. 12

    Wavefront .objファイルからテクスチャを読み込もうとしたときに、インデックス付きレンダリング(glDrawElements)を使用すると、テクスチャが正しく表示されないのはなぜですか?

  13. 13

    リストからアイテムを削除した後、jsが正しくレンダリングされないことに反応する

  14. 14

    mvcでのWebフォームコントロールのレンダリング:ポストバックとイベントが正しくトリガーされないのはなぜですか?

  15. 15

    トリガーされたときにスプライトレンダラーを使用してオブジェクトが表示されない

  16. 16

    ビューが正しくレンダリングされていることをテストするにはどうすればよいですか?

  17. 17

    Django Adminでchange_form.htmlテンプレートをオーバーライドすると、モデルリストビューのブレッドクラムがグレー表示され、クリックできなくなります

  18. 18

    その行のチェックボックスがチェックされている場合、「OncheckedChange」イベントでグリッドビュー内にあるドロップダウンリストをバインドします

  19. 19

    リンクをクリックした後、ブートストラップライトボックスにライトボックスが表示されない

  20. 20

    jQueryでイベントがトリガーされることなく表示されるダイアログボックスを作成するにはどうすればよいですか?

  21. 21

    iPhone 4インチ画面では、シミュレーターに3.5インチ画面が表示されます。スクリーンショットをチェックしてください。何が問題なのですか?

  22. 22

    Safariでフレックスグリッドが正しくレンダリングされない-フレックスアイテムに高さがない

  23. 23

    フックされたアプリケーションが画面に描画するときに、Openglフックレンダリングがビューにレンダリングされない

  24. 24

    データ属性を更新するキーアップイベントが発生した後、スクリプトがトリガーされない

  25. 25

    ツールバーの検索ボタンをクリックした後、ビューが正しく表示されない

  26. 26

    ネストされたスクロールウィンドウ内のスティッキーHTML要素が正しくレンダリングされない

  27. 27

    SelectAllOptionmultiselectをクリックしているときにonChangeイベントがトリガーされない

  28. 28

    $ emitですべてのチェックボックスを選択してもビューが再レンダリングされない-Vuejs

  29. 29

    React-チェックボックスが選択されているときにクラスコンポーネントをレンダリングする

ホットタグ

アーカイブ