Q&A
ありがとうございます。
$('body')は、予約された特別なオブジェクトでは無いので、body終了タグ直前に挿入されると言う事ですね。
タイトルが分かりにくくなってすいません、変更が出来ないのでそのままになっています。
ボールドテキスト$('body').append('<div class="overlay"></div>');
$('body').appendはbody内にHTMLを入れるという事。
body内に<div class="overlay"></div>を作ってください。
という意味と、聞いたのですが、つまりbodyタグの開始タグ直後に<div class="overlay"></div>が挿入されると言う事でしょうか？
それとも終了タグ直前に挿入されると言う事でしょうか？
<!-- lightboxyufu-images --> <script> // 下記画像をクリックすると、ライトボックスが始まる $('.pcimage,.tabletimage,.spimage').click(function(){ //背景のオーバーレイを作成 $('body').append('<div class="overlay"></div>'); //オーバーレイをフェードイン $('.overlay').fadeIn('slow'); // モーダルコンテンツのIDを取得 var modal = '#' + $(this).attr('data-tutor'); // モーダルコンテンツフェードイン $(modal).fadeIn('slow'); // 「.modal-overlay」あるいは「.modal-close」をクリック $('.overlay, .close').off().click(function(){ // モーダルをフェードアウト $(modal).fadeOut('slow'); // オーバーレイはフェードアウトしてから削除 $('.overlay').fadeOut('slow', function(){ $('.overlay').remove(); }); }); }); </script>
回答3件
0
ベストアンサー
すでにほかの方が書かれてますが、
html
1<body> 2 <div id='anchor1' /> 3 <div id='anchor2' /> 4</body>
上のhtmlに対して「$('body').append('<div class="overlay"></div>')」を実行した場合：
html
1<body> 2 <div id='anchor1' /> 3 <div id='anchor2' /> 4 <div class="overlay"></div> 5</body>
最初のhtmlに対して「$('body').prepend('<div class="overlay"></div>')」を実行した場合：
html
1<body> 2 <div class="overlay"></div> 3 <div id='anchor1' /> 4 <div id='anchor2' /> 5</body>
このようになります。
投稿2016/04/08 02:29
総合スコア5572
0
append は終了タグ直前です。
開始タグ直後は prepend です。
投稿2016/04/08 02:13
総合スコア4666
0
append()は終了タグの直前、prepend()は開始タグの直後に挿入、です。
投稿2016/04/08 02:12
総合スコア2425
ありがとうございます。
$('body')は、予約された特別なオブジェクトでは無いので、body終了タグ直前に挿入されると言う事ですね。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/04/08 02:30