我的问题是:我正在开发一个适合移动设备的网站,其中包含 2 个样式表,一个用于“面向 PC”的可视化,另一个用于移动可视化。除了 2 个 CSS 之外,我还需要一个函数来修改一些内容href
从一种可视化模式切换到另一种可视化模式时菜单上的属性。
我不会深入讨论这些内容的细节,因为它会很长而且可能很无聊,无论如何我需要调用该函数both on $(document).ready
AND on $(window).resize
,即每次调整窗口大小时。
所以我声明了一个函数并命名它goToAnchor
为了能够多次调用它:
$(document).ready(function() {
function goToAnchor() { ... modify some href attr ... }
goToAnchor();
});
这完全没问题,但正如我所说,我还需要每次调整窗口大小时执行该函数,所以我认为代码可能如下所示:
$(document).ready(function() {
function goToAnchor() { ... modify some href attr ... }
goToAnchor();
$(window).resize(goToAnchor());
});
问题很简单,函数不运行resize
。我检查了 jQuery 文档并注意到every关于将函数链接到事件的示例如下所示:
$(window).resize(function() { ...do stuff...} );
不过,我不会使用匿名函数,因为我之前已经编写了该函数。我想做的非常简单:多次调用一个函数,而不需要借助匿名函数来“复制”我的代码(毕竟,函数应该是这样工作的,对吧?)。
Change $(window).resize(goToAnchor());
to $(window).resize(goToAnchor);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)