Javascript jQuery函数无意中改变链接的文本内容并影响CSS
我写的一些jQuery出现了非常奇怪的问题,它似乎在改变链接的文本内容,输出一个奇怪的乱码。在看到这种情况后重新加载页面会导致按预期呈现所有内容。此外,还有一些奇怪的CSS问题同时发生,元素溢出超过了它们的预期边界,这在刷新时也是固定的 这里有一个链接到该问题的屏幕截图。红色箭头指向奇怪的乱码链接文本,黄色箭头指向不正确的CSS。检查这些元素的源代码将显示正确的和预期的CSS,以及标记中的正确文本,即使它们都没有反映在页面中 这可能是一个缓存问题,因为在执行ctrl+f5刷新时,我可以强制该问题发生,然后在该问题发生后,按f5再次按预期显示页面 这是我网站上唯一一个以任何方式影响这些链接/它们的父元素的代码Javascript jQuery函数无意中改变链接的文本内容并影响CSS,javascript,jquery,css,Javascript,Jquery,Css,我写的一些jQuery出现了非常奇怪的问题,它似乎在改变链接的文本内容,输出一个奇怪的乱码。在看到这种情况后重新加载页面会导致按预期呈现所有内容。此外,还有一些奇怪的CSS问题同时发生,元素溢出超过了它们的预期边界,这在刷新时也是固定的 这里有一个链接到该问题的屏幕截图。红色箭头指向奇怪的乱码链接文本,黄色箭头指向不正确的CSS。检查这些元素的源代码将显示正确的和预期的CSS,以及标记中的正确文本,即使它们都没有反映在页面中 这可能是一个缓存问题,因为在执行ctrl+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");
}
});
});
};
正在标准$(文档)中调用此函数。ready(函数({}))代码>
任何帮助都将不胜感激!如果你想在一个实时网站上看到它,上面的截图取自在我的浏览器中对我来说很好:Windows7上的Chrome!你能提供你的小提琴吗?嗯,我没想到这可能是操作系统的问题。我在Windows 10上运行Chrome,可以可靠地复制该问题。当我清除缓存时,我也可以在Chrome for Android上可靠地复制它。我可以试着把它放在小提琴上,但我怀疑它是否会在那里被复制。似乎对我的live站点的设置非常具体。