0

ここにhtmlがあります

<!doctype html>
<html lang="en">
…

    <div class="wrapper greenhouse">
    <img src="htmlData/img/background.jpg" class="background">
    <h1 class="super-title">Treibhausgasneutralität – unsere Vier-Pfad-Strategie</h1>
    <h2 class="sub-title">Zusammensetzung der Treibhausgasreduktionszertifikate (ERC) 2012</h2>

    <div class="box interact one">
        <span>1.</span>
        <p>Betriebs-<br>optimierungen</p>
    </div>
    …

そして、これはJavascriptです

$(document).ready(function(){

  conditionizr();

  $('.box.interact').click(function(e){
    clicked($(e.target).attr('class').split(' ')[2]);
  });

  $('.box.interact p').click(function(e){
    clicked(target = $(e.target).parent().attr('class').split(' ')[2]);
  });

  function clicked(target){
    $('.overlay.'+target).css('display', 'block');
    $('.overlays').css('display', 'block').stop().fadeTo('fast', 1);
  }

  $('.close').click(function(){
    $('.overlays').stop().fadeTo('fast', 0, function(){
      $('.overlays').css('display', 'none');
      $('.overlay').css('display', 'none');
    });
  });

});

クリック イベントは ie では発生しませんが、chrome などでは正常に動作します。

4

0 に答える 0