テック

jqueryでouterHeight()が正しく取得できない

セレクタで取得した要素の高さを取得したいことがあり、outerHeightメソッドでの取得を試みるも結果が「0」となりサイズを取得できない問題に遭遇しました。

$("#foo").outerHeight()
該当項目はhiddenの要素であるが表示状態に関わらず取得可能なはず。
しかしうまくいかず、試行錯誤してみること小一時間。
どうも取得対象項目の属性「display:none !important」の「!important」宣言が悪さしているらしく宣言を取り除くと正しくサイズの取得が行えました。
が、該当箇所のスタイルはこちらで勝手に変更できない事情であるため、やむなく取得タイミングを調整し該当項目が表示されているタイミングで取得するよう回避するハメに。

※後々Webで調べたところ、取得タイミングに一時的にshow()などで非表示を解除し、サイズ取得後再度非表示に戻すなどの逃げ策などもある様です。

ライブラリやデザイン周りがガチガチに固められてしまった状態だと、今回の様に無駄に労力を割くことが多く何かと不自由です。

ひとまず、今日の仕事これにて終了~

 

ガジェット

2020/2/18

VRゴーグルの種類と選び方【2020年の最新事情】

VRゴーグルが登場して数年。今や一般家庭でも手軽にVRコンテンツをを楽しめる様になり、その遊び方や対応するデバイスの種類も増えてきています。 とはいえ、まだVRを経験した方の割合が多いのもではないでしょうか。 「VRにはどういったデバイスの種類があるのか」や「VRでは何ができるのか?」、「どういった使い方がおすすめか?」 といった疑問を解消すべく、最新のVRデバイス事情をまとめました。 VRゴーグル選びの参考となれば幸いです。   Contents 1 VRゴーグルの種類一覧 2 モバイル型VR ...

ReadMore

ガジェット

2020/2/17

HUAWEI WATCH GT2 の最新アップデート(1.0.3.62)で待ち受けフェイスが追加!!

HUAWEI WATCH GT2の最新ファームウェア「1.0.3.62」が更新可能となっていましたので、早速試してみました。 1.0.3.62 のアップデートでは、待ち受けの文字盤のフェイスが新たに追加されている様です。 従来のフェイスに少し飽きてきたころだったので、地味ながらうれしい変更です。   1.0.3.62 の更新ログより抜粋 注 1)更新パッケージをウェアラブルに転送した後も、更新を完了するにはインストールする必要があります。 2)ウェアラブルを更新するには、少なくとも20%のバッテ ...

ReadMore

ガジェット

2020/2/16

【シニア向け】はじめてのスマホデビューに向けておすすめの料金プラン

最近、うちの両親がガラケーからのスマホデビューを検討しています。 もう70代で立派な高齢者ですが、まだまだ意欲はある様です。   シニア向けのプランについて色々調べてみると、各キャリアやMVNO事業者ではシニアなどスマホデビューのユーザーをターゲットにした料金プランや割引プランが展開されています。   本記事では60歳以上のシニアユーザーの視点で各キャリアのお得なプランと、シニア向けサービスを展開するMVNOのおすすめプランの特徴を紹介していきます。   対象ユーザー 60歳 ...

ReadMore

インターネット

2020/2/18

【超セール速報】Amazonで2月20日までKindle祭りが開催中!!最大50%OFF

現在、amazonのkindleストアにて、下記のセールが開催中です。 セールの開催期間は2月20日まで。 ビジネス書や専門書はまとめ買いのチャンスかも。   翔泳社祭2020 | あれも、これも、大感謝セール! 2月20日までの期間中、電子書籍1000点以上が50%OFF・50%ポイント還元となります。 人気の技術書やビジネス書も豊富で、普段購入すると高価な売れ筋書籍も50%OFFで購入可能! なお、翔泳社直販のPDF版は50%ポイント還元となるようです。   テンションがあがると同 ...

ReadMore

インターネット

2020/2/18

【2月限定キャンペーン】「U-NEXT」31日間無料トライアル登録で2000円還元中!!

現在、大手ASPサイト「A8.net」のセルフバックキャンペーンにて、動画配信サービス「U-NEXT」の31日間無料トライアルにに登録すると2,000円がもらえるキャンペーンが行われてます。 2月限定、初回登録限りの結構熱いキャンペーンだと思うので、興味がある方はお試ししてはいかがでしょうか。   キャンペーンの参加は『A8.netへの登録』と『U-NEXTの31日間トライアルへの登録』が必要となります。 本記事では、各サービスの概要とA8.netでのセルフバックの仕方についてご紹介します。 C ...

ReadMore

-テック
-

Copyright© やるログ , 2020 All Rights Reserved Powered by AFFINGER5.