Question

这是我想要添加到响应式单页网站的功能，但仅限于浏览器宽度大于1024px时。

我对jQuery的了解很少。这是我现在的代码：

$(document).ready(function() {
        var pageWidth = $(window).width();
        if (pageWidth > 1024) {

$('.footer a').mouseenter(function() {
$(this).effect("bounce", { times:1, distance:4 }, 250);
});

});
});

这是我在HTML中加载此函数的代码：

<script type="text/javascript" src="js/tiny-bounce.js"></script>

另一个问题，当此功能未触发时 - 例如，当用户在具有＆lt; 1024px宽度，他们还需要加载javascript文件吗？

Answer 1

您需要做的就是

而不是

if (pageWidth > 1024) {

这样做

if (pageWidth < 1024) {

Answer 2

是的，当宽度小于1024时，您仍然需要加载JS代码，除非您在HTML或现有的JS脚本中包含此代码。

我相信你可以在没有$(window).width()的情况下致电$(document).ready()，这样可以减少在小屏幕上使用这些额外代码的影响。

如何运行jquery函数，但仅当浏览器窗口宽度为> 1,024像素？

2 个答案: