カメラのちプログラミング♥ところによりカフェ

Articles

jQuery で動的に後から追加された要素を検知して何かをする
2017/06/13 09:00
  • このエントリーをはてなブックマークに追加

    なにかの要素が追加されたのをトリガーにして処理をしたいときに、 jQuery の on を使えば便利です。
    hulu の Chrome 拡張を作ったときに on を使って要素を監視したので、少しだけまとめます。

    マウスオーバーでサムネイルをポップアップさせない

    僕の場合、↑の記事でも紹介していますが、
    hulu はサムネイルにマウスを乗せると、詳細がポップアップで表示されます。
    これが大変なストレスになったので、いっその事なくしてしまおう、という機能ですね。笑

    サムネイル、つまり動画リストの要素をまずは見つけます。
    vod-mod-tray__content, 或いは vod-mod-series-area__tray っていう class 以下にいるようでした。（これは js で動的に追加されている）
    article タグを div に変更してポップアップ要素を表示しているようでした。

    <div class="vod-mod-tray__content">
...
...
    <div class="vod-mod-tray__item vod-utl-panel-opener">
        <a><img src=""></a>  <!-- ここにサムネイル画像 -->
        <article>....ここにポップアップ時に表示するHTML</article>
    </div>
</div>

    続きを読む

  • <2017/06/13 09:00>
  • WEBフロントエンド
  • JavaScriptイベントハンドラ要素監視hulujQueryonmouseover

Tag List

pythondjangoプログラミング個人サイトredmineスプレッドシートチームマネジメントチームビルディングJenkinsスケジュールCentOS6PythonPyenvmod_wsgiDjangopyjamatemplate所感ブログサイドバーpillowlibjpegImageFieldApache本番環境CentOS日常本Sitemap.xmlサイトマップ自動生成管理画面一覧Object名前WEBフロントエンドsyntaxhighlightシンタックスハイライトjavascriptcsshtml画像テストVagrantVMVirtualBOXサーバーローカル環境エラーrestframeworkoauth-toolkitinvalid_clientログインリダイレクト元のページ認証テンプレートエンジンpyjadedate日付フォーマットmailformFormViewお問い合わせフォームgit自己紹介複数リポジトリメールアドレス設定追加FormCSSタグオプションフィールド名変更さくらのVPSさくらのSSLRapidSSLWHOIS代行opensslhttps証明書csrpem中間証明書MySQLINSERTUPDATEDUPLICATE KEY UPDATEレコードの有無シェルスクリプトシェルスクリプトshellscriptone linerワンライナー数字出力アイキャッチeyecatchfacebooktwitterwebfrontendフルスタックAngularAureliareactJSJavascriptRSSfeedatomblogrankingランキングリーダーreader写真日記photoイタリアVeniceベネチアベニスベネツィアAtomフィードブログランキングpubdateupdateddatesiteウェブサイト高速化mod_deflateapachegooglepagespeedinsights静的コンテンツ圧縮HTMLloadingindicatorブラウザキャッシュコンテンツ静的cachecontentcache-controlJavaScriptmax-age縮小scsscompasssasscompressdjango-htmlminPNGJPGprogressivebaselineオンラインサービスAndroidアンドロイドアプリスライドショーフォトフレームGoogle Apps ScriptSlack自動通知ミーティングMTGアジェンダ議事録GASGoogleSearchConsoleGoogle Search Consoleウェブマスターツール所有権確認Analyticsアナリティクスドキュメントルート直下静的ファイルHTMLファイル2.2apache2.2restartgraceful再起動SIM格安SIMOCNモバイルONE無線LANWi-Fi公衆無料アクセスポイントGmailSMTPメール送信者mail_fromSSHKeyChainキーチェーンmacOS SierraYosemiteSierraターミナルパスフレーズ病院整形外科整体膝痛み膝痛恥ずかしいレントゲン生活習慣病楽天カード楽天カードスーパーポイントアッププログラム期間限定ポイント賢い使い方ポイント利用crontablinuxcronMTAメール送信sendmailさくらVPSSitemap自動通知manage.pyping_google楽天カフェカフェ渋谷ブロガー超高速インターネットツールping送信更新通知自動化curlxmltagタグクラウドJadeSSLhttpdmod_rewritepipパッケージ2.7homebrewbrew形態素解析英語tree-tagger翻訳品詞インストールchrome拡張huluhappen動画東京竹林風景スナップ写真新宿御苑非日常森林都会はてなはてブブックマークブログ一覧登録ボタンslackextensionsSlack View Optimizer表示最適化ポップアップ非表示容量シェアOCN モバイル ONEMNP予約番号HuluHulu Auto Account SelectorChromehappyonプロフィール選択イベントハンドラ要素監視jQueryonmouseoverMacZIPコマンド削除__MACOSX.DS_StoreSQLiteWindowsRaspberryPiRaspbianCIfirefoxaddonschatworkfinderファインダーLibraryIntelliJIDEAAndroid StudioIDEプリインストールPHPWordPressワードプレスやりたいことadd-onVVVVirtualBox環境構築ローカルWordCamp Tokyo 2017WordCampTokyo2017WPワードキャンプセッションコントリビューターコミッター貢献鍵公開鍵秘密鍵リモートアドオンFirefoxJava ScriptShell Script便利ツールToolXcodeiOSライセンスlicenseGenericView前後の記事次の記事前の記事新しい記事古い記事WP-CLIクライアントコマンドラインCLIper-site cacheframeworkサイトキャッシュパスワード解析ハックWindows7OphcrackPHP5.6yumepelremiLet's Encrypt認証局CAHTTPScerbot-autophpunit10月2017年githubGnuPGgpg署名コミットカスタムフィルタマークダウン記法バッククォート11月OSSフレームワークHulu View Modifier画面調整Chrome ExtensionアップデートGoogle Driveドライブ権限移譲Proxyプロキシ踏み台Dynamic ForwardポートフォワードPortポートIdentitiesOnlyconfigログインできないauthenticationlocateupdatedbファイル検索高速aliaslsカラー表示エイリアスscreenbgdisownjobsLinuxプロセスバックグラウンドフォアグラウンド春サクラ桜ソメイヨシノ染井吉野バラ科バラ目練馬石神井川プログラマフリーランス初日入場環境構築質問コツトラブルシューティングQuerySetクエリSQLデバッグ3ヶ月気づいたことスキルセットマインド契約コミュニケーション常駐エンジニアプロパー2018年ふるさと納税返礼品カツオタタキ高知県室戸市サイト内検索検索フォームAND検索クエリセットGoogle Analytics検索クエリシェル芸commandxargsfindunzipzip解凍オープンソースコントリビューションOsaka海外仲間振り返り展望勉強会もくもく会GolangGo 言語Apache 2.0ふわラボfuwalabCONCATIFNULLNULL空文字列文字列結合連結登壇コントリビュート写真日記軽井沢紅葉秋避暑地長野旅行ぶらり旅PECLモジュールmodulePIXTAイラストPowerShellアーカイブクリエイターEPSAdobeStock障害起動できないServerInnoDBmy.cnfバックアップibdfrmインポート復元データファイルdaemon自動起動centoschkconfigrun levelランレベルFTPSFTPdirect所有者ownerchownレンタルサーバーさくらのレンタルサーバー文字コードUTF8utf8mb42018仕事業務委託勉強イベント2019謹賀新年正月抱負utf8絵文字スクレイピング自然言語処理機械学習mecabバージョンアップ2.1upgradePyJadePugpypugjsXCodeSwifterrorStory BoardストーリーボードFLEXISPOT電動昇降デスクレビューリモートワーク在宅ワーク
Category
ブログランキング

プログラマー ブログランキングへ
にほんブログ村 IT技術ブログへ
にほんブログ村
profile picture

自己紹介的な何か

@wkmettyでついったーやってます。時々。 6年間勤めたゲーム会社を2018年2月に退職しフリーランスのプログラマに。 WordPress Core, WP-CLI コントリビューター。 お仕事募集中です。

Popular Articles

mac に pip をインストールする

mac に pip をインストールする
mac は標準で python が入っていますが、パッケージ管理の pip がインストールされていないので入れてみました。
2017/05/26 09:00

[GAS] Google Drive の特定フォルダ配下のフォルダ・ファイルの権限を一括で移譲する

[GAS] Google Drive の特定フォルダ配下のフォルダ・ファイルの権限を一括で移譲する
Google Drive の特定フォルダ配下のファイル・フォルダの権限を一括で移譲するツールを Google Apps Script で作りました。
2018/11/10 15:54

[Windows] Ophcrack を使ってユーザーパスワードを解析する方法

[Windows] Ophcrack を使ってユーザーパスワードを解析する方法
家族で使っていた Windows7 のログインパスワードを忘れたため、Ophcrack を使って解析したときの記録です。
2017/09/30 21:00

[shell] フォルダ内にある大量の ZIP ファイルをまとめて解凍する

[shell] フォルダ内にある大量の ZIP ファイルをまとめて解凍する
とある ZIP を解凍すると中に大量の ZIP が居たときに幸せになれるコマンドを紹介します
2018/06/19 23:45

[MySQL] データファイルから DB を復元する

[MySQL] データファイルから DB を復元する
先日 MySQL が再起動できなくなる問題が発生し、急遽データファイル（.frm, .ibd）から復元しました
2018/11/25 12:44