1

マルチページテンプレートには(comedy, action, drama)、画像の行を含む各ページ間をスワイプできる3つのカテゴリページがあります(Seinfeld, Modern Family, Family Guy, Big Bang)。個々の画像をクリックすると、ダイアログボックスが開き(Seinfeld summary)、閉じるボタンをクリックすると閉じて、閉じたままになります。最初は機能しますが、2回後にクリックした画像の数に基づいて、n -1を開閉します(3番目の画像をクリックすると、ダイアログボックスが2回開きます)。

この背後にある理由は何でしょうか?

4

1 に答える 1

0

あなたのコードがなければ私は確信できますが、私はあなたに何が起こっているのか理解していると思います。

複数のイベントのバインドに問題があります。アーキテクチャによりjQuery Mobile、イベントをオブジェクトに何度もバインドすることができます。

ページイベントの処理に関するブログ記事がありjQuery Mobile、この問題に特化した章があります。「複数のイベントのトリガーを防ぐ」の章を検索してください。または、ここで見つけることができます。

簡単に言うと、これを防ぐために、イベントをオブジェクトにバインドする前に、必ずイベントのバインドを解除してください。

$('#test-button').die('click').live('click', function(e) {
    alert('Button click');
});
于 2013-01-26T16:59:04.450 に答える