javascript - 布局我的 main.js - 失败

Question

有以下3个功能:

function A(){}

和

function B(){}

最后

function C(){}

它们都在一个名为 main.js 的文件中(main.js 是包含网站所有主要 JavaScript 函数的文件)，它看起来像:

$(document).ready(function() { 
   function A(){}
   function B(){}
   function C(){}
});

---

好的，并且？ functionA & B需要仅在“window-resize and on-load”以及屏幕尺寸高于 770px 且低于 1024px 时运行。但函数 C 不需要上述任何要求即可工作。

有什么想法可以布局 main.js 以适应这些变化吗？这是一个带有我的脚本的 jsFiddle:http://jsfiddle.net/Z57Dh/

以下两个函数必须正常工作——即加载时...//防止点击.active & disabled links and //Off-canvas menu

但是 //Show the side-by-side responsively 只需要在屏幕宽度低于 770px 时运行。

但是当宽度大于 770px 小于 1024px 时，//Grid 系统必须运行

Answer 1

尝试这样做:

$(document).ready(function() { 
    function C(){}
});

$(window).on('load resize', function() {
    if($(window).height() > 770 && $(window).height() < 1024 {
        function A(){}
        function B(){}
    }
});