jQuery函数无意中改变了链接的文本内容并影响了CSS

Question

我在撰写的一些jQuery中遇到了非常奇怪的问题，它似乎正在改变链接的文本内容，并输出一个奇怪的乱码。看到这种情况后重新加载页面会导致所有内容按预期呈现。此外，还有一些奇怪的CSS问题同时发生，元素溢出其预期的边界，这也是在刷新时修复的。

这是指向问题截图的链接。红色箭头指向奇怪的乱码链接文本，黄色箭头指向不正确的CSS。检查任何这些元素的来源将显示正确和有意的CSS，以及标签内的正确文本，即使这两者都没有反映在页面中。

这可能是一个缓存问题，因为我可以在执行ctrl + f5刷新时强制执行此问题，然后再次按f5再次按预期显示页面。

这是我网站上唯一以任何方式影响这些链接/其父元素的代码

$.fn.linkHighlight = function() {
  // highlight links in the sidebar when hovering in the article, and vice-versa

  var selectorText = ".post-content a, .sidebar-wrap a";
  $(selectorText).mouseenter(function(){
    var $this = $(this);
    $(selectorText).each(function(){
      if( $(this).attr("href") == $this.attr("href") ) {
        $(this).addClass("hover");
      }
    });
  });
  $(selectorText).mouseleave(function(){
    var $this = $(this);
    $(selectorText).each(function(){
      if( $(this).attr("href") == $this.attr("href") ) {
        $(this).removeClass("hover");
      }
    });
  });
};

此功能在标准$(document).ready(function({}));

中调用

任何帮助将不胜感激！如果您希望在实际网站上看到它，则上面的屏幕截图来自http://mikedettmer.com/projects/viewportunitpatch/