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