0

JavaScriptでラチェットトグル要素を変更しているユーザーをどのように検出するかわかりません。以下のコードでは、トグルのクリックを検出するようにしていますが、ユーザーがトグルをスライドすると機能しません。トグル状態の変化を検出する標準的な正しい方法はありますか? (ドキュメント リンクはここで問題ありません。何も見つかりませんでした)。

(ところで、私は現在、Cordova プロジェクトに追加する前に、Ratchet を評価するために Firefox ブラウザーで実行しているだけです。)

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Ratchet template page</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <link href="/My_Webs/experiments/cordova/ratchet-example/css/ratchet.css" rel="stylesheet">
    <link href="/My_Webs/experiments/cordova/ratchet-example/css/ratchet-theme-ios.css" rel="stylesheet">
    <script src="/My_Webs/experiments/cordova/ratchet-example/js/ratchet.js"></script>
    <script src="/My_Webs/experiments/cordova/ratchet-example/js/jquery-1.11.3.min.js"></script>
    <script>
        $(document).ready(function(){
            $("body").on(
                "click",
                "#toggle1",
                function(e){
                console.log("toggle1 clicked " + $("#toggle1 .toggle").hasClass("active"));
            });

        });
    </script>
  </head>

  <body>
    <div class="content">
        <ul class="table-view">
          <li class="table-view-cell" id="toggle1">
            Item 1
            <div class="toggle">
              <div class="toggle-handle"></div>
            </div>
          </li>
          </li>
        </ul>
    </div>
</body>

4

2 に答える 2

1

これは機能します...

        document
            .addEventListener(
                'toggle',
                function( e ){
                    console.log(
                        $(e.target).parent().attr("id") + ", " +
                        $(e.target).hasClass("active")
                    );
                }
            );
于 2015-09-15T21:55:16.317 に答える