• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32014/03/12 17:16:32

  満足300pt

  こんな感じで、いけると思います。

  <script>
  $(function(){
      $('#conts li').each(function(){
          var h = $(this).height();
          if (h > 540) {
              $(this).addClass('height');
          }
      });
  });
  </script>
  
  <style>
  .height {
      ...
  }
  </style>
  
  <ul id="conts">
  <li><a href="#"><img src="..." /></a></li>
  <li><a href="#"><img src="..." /></a></li>
  <li><a href="#"><img src="..." /></a></li>
  <li><a href="#"><img src="..." /></a></li>
  </ul>
  

  
  

  質問にあったコードだと、jQuery のセレクタと、HTML で UL の ID が違ってたんで、"conts" に合わせてあります。
  
  
  
  
  

  ---

  
  追記です。
  

  「setTimeout()で、要素ができあがるまでリトライ」するにはどうしたらいいでしょうか？

  こんな感じ。

  $(function(){
      setTimeout(function() {
              //console.log("...");    ※ここに console.log を仕込んでおくと、動作が分かると思います
              if ($('#conts li').each(function(){
                  var h = $(this).height();
                  if (h > 540) {
                      $(this).addClass('height');
                  }
              }).length == 0) {
                  setTimeout(arguments.callee, 500);
              }
          }, 500);
  });
  

  .each() の戻り値は、セレクタで集めた jQuery オブジェクトそのものです。
  .each() で、クラスの付加をチャレンジして、その対象がゼロ個だったら、もう一度 setTimeout します。
  関数の中での arguments.callee は、その関数そのものを表します。なので、以下の関数 foo は、自分自身を 500ms ごとに繰り返すことになります。

      function foo() {
          ...
  
          setTimeout(arguments.callee, 500);
      }
  

  スター

  • 

    7件のコメントを見る

  • gonee 2014/03/12 19:00:44

    なぜかうまくいきません。。
    $('#conts li').addClass('height');
    でやると、ちゃんとliにheightクラスが付与されるのですが、
    if文＋eachつかうとうまくいかないですね。

    スター

  • gonee 2014/03/12 19:25:26

    すみません、原因が分かりました。
    上記、

    • -
    がJSプラグインで書き出されたHTMLでした。
    これらを選択するにはどうしたらよいでしょうか？

    スター

  • gonee 2014/03/12 19:26:06

    すみません、原因が分かりました。
    上記、
    ＜ＬＩ＞ー＜／ＬＩ＞
    がJSプラグインで書き出されたHTMLでした。
    これらを選択するにはどうしたらよいでしょうか？

    スター

  • a-kuma3 2014/03/12 20:19:40

    ＜ＬＩ＞ー＜／ＬＩ＞
    がJSプラグインで書き出されたHTMLでした。
    これらを選択するにはどうしたらよいでしょうか？

    そのプラグインは、ロード時に要素を作るタイプでしょうか？
    であれば、setTimeout()で、要素ができあがるまでリトライする感じでしょうか。
    プラグインによっては、イベントを持っているかもしれません。

    スター

  • gonee 2014/03/12 21:17:34

    var j$ = jQuery;
    setTimeout(function(){
    j$(function () {
    $('#conts li').each(function(){
    var h = $(this).height();
    if (h > 540) {
    $(this).addClass('height');
    }
    });
    });
    },2000);
    
    で実行ＯＫでした。
    ただ、、2000で時間固定しているので、通信が遅れた場合に、実行されるか心配です。
    
    「setTimeout()で、要素ができあがるまでリトライ」するにはどうしたらいいでしょうか？
    参考ＵＲＬを送っていただけるのみでもＯＫです。

    スター

  • a-kuma3 2014/03/12 22:26:52

    「setTimeout()で、要素ができあがるまでリトライ」するにはどうしたらいいでしょうか？

    回答に追記しました。

    スター

  • 7cc 2014/03/13 10:23:37

    arguments.callee は廃止なので使わないほうが良いですよ

    スター

その他の回答

• gonee

  2014/03/12 19:38:49

  なぜかうまくいきませんでしたが、原因が分かりました。

  上記、

  ＜ＬＩ＞ー＜／ＬＩ＞

  がJSプラグインで書き出されたHTMLでした。

  これらを選択するにはどうしたらよいでしょうか？

  --------------------------------------------------------------------

  var j$ = jQuery;

  setTimeout(function(){

  j$(function () {

  $('#conts li').each(function(){

  var h = $(this).height();

  if (h > 540) {

  $(this).addClass('height');

  }

  });

  });

  },2000);

  で実行ＯＫでした。

  ただ、、2000で時間固定しているので、通信が遅れた場合に、実行されるか心配です。

  「setTimeout()で、要素ができあがるまでリトライ」するにはどうしたらいいでしょうか？

  参考ＵＲＬを送っていただけるのみでもＯＫです。

  
  

  --------------------------------------

  a-kuma3さん

  丁寧な説明ありがとうございました。

  ベストアンサーとさせていただきます。

  最後のsetTimeoutのスクリプトですが、ローカルのHTML上では動作しましたが、WordPress上では動作確認ができずで、とりあえず時間をずらしたsetTimeoutスクリプトを5個くらい配置して応急処置をしました。

  今回の質問に対する回答としましては、以上で十分ですので閉じさせていただきます。

この質問へのコメント

質問の情報

登録日時

2014-03-12 17:02:40

終了日時

2014-03-13 11:53:49

回答条件

1人5回まで

この質問のカテゴリ

• ウェブ制作

この質問に含まれるキーワード

人気の質問

• オリックスバファローズ　中川圭太　2025年から背番号変更するのは、どれですか？…ren9908271日前
• オリックスバファローズ　安達了一は現役引退後、どうしますか？ren9908271日前
• 音楽のドレミですが、ドイツでは、ABCです（アーベーツェー）。英米でも、ABC（エービーシー）です。イタリ…匿名質問者1123日前
• 第二次大戦中のドイツ陸軍、ドイツ武装親衛隊、ドイツ親衛隊の写真を偶然みたのですけど、帽子を傾けて被っ…匿名質問者2日前
• 陰陽師 0についての質問です。 序盤で安倍晴明がカエルを殺すシーンがありますが、なんといって詠唱したの…匿名質問者2日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ