阅读背景:

前置两个div,在计数器点击中计数相同

来源:互联网 

var divNumber = 1;
$('.AddDiv').on('click', function() {
  $('.Wrap').prepend($('<div class="container"><div class="count" id="div' + divNumber + '" onclick="makeCount(this.id);">My Counter</div><div class="background"></div><div class="hover"></div></div>'));
  divNumber++;
});

var divNumber = 1;
$('.AddDiv').on('click', function() {
  $('.Wrap').prepend($(' <div class="List"><div class="count" id="divList' + divNumber + '" onclick="makeCount(this.id);">My Counter</div></div></div>'));
  divNumber++;
});

function makeCount(id) {
  var count = parseInt($("#" + id).text());
  if (isNaN(count)) {
    count = 1; //For the first click
  } else {
    count++;
  }

  $("#" + id).text(count);
}

$(".GreyDiv").on("click", function() {
  $(".container").css({
    display: 'none'
  });
  $(".List").css({
    display: 'block'
  });
});
$(".RedDiv").on("click", function() {
  $(".container").css({
    display: 'block'
  });
  $(".List").css({
    display: 'none'
  });
});var divNumber = 1;
$('.AddDiv').on(



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: