javascript - 在第一次之后切换绝对 DIV 不起作用

Question

$('.pallete').hide();
$(document).delegate('.pick', 'click', function () {
  var pos = $(this).offset();
  var x = pos.left - $(window).scrollLeft() + $(this).width();
  var y = pos.top - $(window).scrollTop() + $(this).height();
  $('.pallete').css({
    top: y + "px",
    left: x + "px",
  }).show();
});

$(document).delegate('.col', 'click', function () {
  var pos = $(this).css('background-color');
  $('.pick').css('background-color', pos);
  $(this).parents('div').fadeOut();
}); 

这是小提琴，http://jsfiddle.net/zPNk3/5/。问题是当我第一次单击.pick元素时，“.palette”元素会正确显示。但是当我下次单击时，同样不起作用。

Answer 1

当你这样做时$(this).parents('div').fadeOut()，你正在淡出元素的所有 <div>父母。你只是显示.pallete。

尝试：

$(this).closest('.pallete').fadeOut();

有用！

Answer 2

查看不应该隐藏的行 div，

$(document).delegate('.col', 'click', function () {
  var pos = $(this).css('background-color');
  $('.pick').css('background-color', pos);
  //$(this).parents('div').fadeOut(); // this is wrong
  $(this).parent().parent().fadeOut(); // fixed
});