緑の閃光ホームサイト概要お気楽日記Facebook開発忘備録お問い合わせボタンの変化。開発あ、どうも、氷翠でっす。HTMLで、「<button>」タグでボタンを作成。デザインは単純なもので構成しています。今回はスマホメインの考えなので、それに関連するJavascriptを組もうとしていました。目的は、タップしたら特定のブロックを縦にスライドするように表示させる。それと同時にボタンに表記していた文字を変更させるというもの。一つ一つを考えると、非常に単純なんだけど、これを同時にやるとしたら、話は変わってくる。Jqueryを長年使っていますが、知らない関数もあり、使ったことがないものもあります。使い方を間違っていた。間違っていてもHTML的にはエラーにはならずにそのまま動いていたり。);});上の方ではボタンに対して「まだブロックは開いてないよ」っていうフラグをつけています。HTML的には「section」タグが複数あって、それぞれにボタンが付いている。そのボタンがタップされると、「.answer」というクラスのブロックが開く。下の方では「touchend」のイベントを利用しています。他の方法でもいいのですが。今回はこれでいきます。中ぐらいにあるtoggleの処理ですが、「toggle」と「slidetoggle」では引数の設定の仕方が違うので、注意しなくてはいけません。「toggle」では2つのfunctionを定義する必要がありますが、「slidetoggle」は一つです。後者はコールバックの意味を持っている。フラグをつけたりしているのが、jqueryの関数の「data」というやつ。これが氷翠は間違った使い方をしていたようだ。obj.get(0);これが重要。data関数はオブジェクトに対してはつけることが出来ないようだ。上記の方法であくまでもタグを取得して、これに対してdata関数を使ってあげることで、フラグもしくは値を持たせてあげることができようだ。これらを組み合わせることで、ブラウザに負担なく一つのオブジェクトに対して2つの動きをもたせることができました。コメントをキャンセルメールアドレスが公開されることはありません。»Ajax2020.02.14Javascriptでやられてます。2020.02.10久々にゲーム三昧。k-icegreen.com。