Question

我有一个我正在建设的网站，它有2个jQuery，每个都有不同的功能。

第一个是粘贴标题：

var stickyHeaders = (function() {

  var $window = $(window),
    $stickies;

  var load = function(stickies) {

    if (typeof stickies === "object" && stickies instanceof jQuery && stickies.length > 0) {

      $stickies = stickies.each(function() {

        var $thisSticky = $(this).wrap('<div class="followWrap" />');

        $thisSticky
          .data('originalPosition', $thisSticky.offset().top)
          .data('originalHeight', $thisSticky.outerHeight())
          .parent()
          .height($thisSticky.outerHeight());
      });

      $window.off("scroll.stickies").on("scroll.stickies", function() {
        _whenScrolling();
      });
    }
  };

  var _whenScrolling = function() {

    $stickies.each(function(i) {

      var $thisSticky = $(this),
        $stickyPosition = $thisSticky.data('originalPosition');

      if ($stickyPosition <= $window.scrollTop()) {

        var $nextSticky = $stickies.eq(i + 1),
          $nextStickyPosition = $nextSticky.data('originalPosition') - $thisSticky.data('originalHeight');

        $thisSticky.addClass("fixed");

        if ($nextSticky.length > 0 && $thisSticky.offset().top >= $nextStickyPosition) {

          $thisSticky.addClass("absolute").css("top", $nextStickyPosition);
        }

      } else {

        var $prevSticky = $stickies.eq(i - 1);

        $thisSticky.removeClass("fixed");

        if ($prevSticky.length > 0 && $window.scrollTop() <= $thisSticky.data('originalPosition') - $thisSticky.data('originalHeight')) {

          $prevSticky.removeClass("absolute").removeAttr("style");
        }
      }
    });
  };

  return {
    load: load
  };
})();

$(function() {
  stickyHeaders.load($(".followMeBar"));
});

另一个是增加，减小字体大小：

$('#smallerFont').click(function() {
  var htmlFontSize = $('#content p').css("font-size");
  htmlFontSize = parseInt(htmlFontSize, 10);
  if (htmlFontSize > 14) {
    $('#content p').css("font-size", "-=2");
  }
  return false;
});
$('#largerFont').click(function() {
  var htmlFontSize = $('#content p').css("font-size");
  htmlFontSize = parseInt(htmlFontSize, 10);
  if (htmlFontSize < 24) {
    $('#content p').css("font-size", "+=2");
  }
  return false;
});

当我点击激活第二个功能的链接时，我想要并且需要的是杀死，卸载，无论第一个功能是什么：

<a href="#" id="largerFont" class="ml-2">+A</a>

这是因为当字体增加或减少而没有刷新时，粘性标题会变得混乱。粘贴的物体移动到位。

Answer 1

找到解决方案。

$('#smallerFont').click(function() {
  $("div.chapter_header").removeClass("followMeBar");
  var htmlFontSize = $('#content p').css("font-size");
  htmlFontSize = parseInt(htmlFontSize, 10);
  if (htmlFontSize > 14) {
    $('#content p').css("font-size", "-=2");

  }
  return false;
});

删除了工作LOL所需的第一个函数类

一无所获！

Onclick删除函数jQuery

1 个答案: