2

因此，我正在定制我的基于 wordpress 的网站，并试图使网站的布局适合并在调整浏览器大小时保持原位。

我通过使用 jQuery 来做到这一点：

jQuery(window).resize(function(){[Code to be executed on resize]});

基本上，只要我将该部分添加到我的文件并调整浏览器的大小，这个错误就会出现在 chrome 的控制台上：

未捕获的类型错误：无法设置未定义 jquery.ba-resize.min.js?ver=3.4.2:11 的属性“w”

现在我不确定这意味着什么，或者我可能会错过/忘记/做错什么，但我很确定这是导致我目前调整脚本大小出现故障的原因。

4

2 回答 2

3

您应该在文档准备好后绑定调整大小事件，以确保调整大小插件已经加载。

于 2013-09-19T23:01:52.003 回答
1

这不是一个答案，而只是一个观察：

window 对象有自己的 resize 事件，所以不需要使用那个 jquery 插件。

添加调整大小事件侦听器将提供：

window.addEventListener("resize",function(){[code here]});

注意：该插件用于将调整大小事件绑定到窗口对象以外的对象。

值得检查：

https://developer.mozilla.org/en-US/docs/Web/Reference/Events/resize

编辑：

                window.onload = function() {

    //this will block the horizontal scroll bar from appearing.
    document.body.style.overflowX = 'hidden';

    //the width will be adjusted at the initial page load. 
    document.getElementById("rsize").style.width = (window.innerWidth - 15);

    window.addEventListener('resize', function() {
        document.getElementById("rsize").style.width = (window.innerWidth - 15);
    });
};

注意：最终结果取决于您如何实现它，元素的样式如何。

我希望它有帮助。

于 2013-09-19T23:48:26.340 回答