Question

我正在尝试在我的网站上弹出一个弹出窗口，但不知道如何在下面的脚本中添加额外的#youtube-popup div。

function div_show() {
  document.getElementById('abc').style.display = "block";
}

function deselect(e) {
  $('.pop').slideFadeToggle(function() {
e.removeClass('selected');
  });
}

$(function() {
  $('#youtube').on('click', function() {
if ($(this).hasClass('selected')) {
  deselect($(this));
} else {
  $(this).addClass('selected');
  $('.pop').slideFadeToggle();
}
return false;
  });

  $('.close').on('click', function() {
deselect($('#youtube'));
return false;
  });
});

$.fn.slideFadeToggle = function(easing, callback) {
  return this.animate({
opacity: 'toggle'
  }, 'fast', easing, callback);
};

任何帮助将不胜感激。感谢

另外，如果你知道如何删除淡入淡出动画，请告诉我。

Answer 1

要将事件绑定到多个元素，请使用基本的css选择器selector1, selector2。

要删除淡入淡出动画，只需将功能从slideFadeToggle更改为slideToggle。

这是用于申请多个元素的剥离和固定代码：

function deselect(e) {
  $('.pop').slideToggle('normal', function() {
    e.removeClass('selected');
  });
}

$(function() {
  $('#youtube, #youtube-popup').on('click', function() {
    if ($(this).hasClass('selected')) {
      deselect($(this));
    } else {
      $(this).addClass('selected');
      $('.pop').slideToggle();
    }

    return false;
  });

  $('.close').on('click', function() {
    deselect($(this).closest('#youtube, #youtube-popup')); // I assume .close is inside popup and you want only paret to be closed.

    return false;
  });
});

将另一个div添加到脚本

1 个答案: