タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

1504とjqueryに関するsometkのブックマーク (2)

  • .load()したHTMLに命令を効かせる - jQuery syntax

    .load()は他のJavaScriptと同様HTMLCSSが読み込まれた後に実行されるため、読み込まれたHTMLにはスクリプトが効きません。具体的に言うとロールオーバー処理などを行っている場合は、読み込んだHTMLだけ効かないということがあります。 そういうときは関数を使いましょう $(document).ready(function(){ $("#sample").load("../sample/index.html #load", function() { //ここに読み込まれた後実行したい命令を書きます }); });こうすると「読み込みが完了したら中に書かれた命令をする」という事が可能です。ここで改めて必要な処理をかけてやりましょう。二重で処理がかかると困るものにだけ注意してください。 何度も同じ処理が必要な場合は関数を応用するのも良い方法です。 $(document).rea

    .load()したHTMLに命令を効かせる - jQuery syntax
    sometk
    sometk 2015/04/27
    効いた、動いた‥情報感謝です。
  • jQueryのappendを使ってulの中に入れ子でliを追加する方法 - not good but great

    デモ appendでネストさせるやり方 完成イメージ <div> <ul> <li>sample text</li> </ul> </div> ulの中にliが入って入れ子(ネスト)状態になることを目指す。 html,cssの準備 <div></div> div要素だけ書いておく。 div ul{ height:20px; background:#888; } div > li{/*入れ子失敗*/ color:red; } div ul > li{/*入れ子成功*/ color:white; } 入れ子ができたら、テキストが白となる。 入れ子が失敗したら、テキストが赤となる。 入れ子失敗例 $("div").append("<ul>").append("<li>test1</li>"); appendしてから、おしりにまたappendを書く。 <div> <ul> </ul> <li>sa

    jQueryのappendを使ってulの中に入れ子でliを追加する方法 - not good but great
  • 1