タイトルが分かりにくくなってすいません、変更が出来ないのでそのままになっています。
ボールドテキスト$('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>
まだ回答がついていません
会員登録して回答してみよう