Onclickの削除関数jQuery

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; 
}); 

私が欲しいと必要なのは、殺すアンロードすることです最初の機能が何であれ、2番目の機能を有効にするリンクをクリックすると、次のようになります。

<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何のために

おかげで働くために必要な最初の関数を削除しました！