window.onresize = function {// code}似乎没有执行我的内部代码

时间:2014-05-04 09:58:20

标签: javascript

我正在使用window.onresize来计算我页面上按钮的相应坐标。按钮放在名为<div>trinity</div>的div中。按钮的坐标根据“三位一体”div的高度和宽度进行相对计算。

在调整窗口大小时,trinity div会正确调整大小,但window.onresize = function ()的内部代码似乎没有启动。换句话说,我的xml_button_create(window.myValue,height,width,false)没有被解雇。在这个函数中,我使用jQuery来调整按钮的坐标。

任何帮助都将不胜感激。

这是我的代码。

window.onresize = function () {
    // get HEIGHT and WIDTH of navigation div
    var height= $("#trinity").height();
    var width= $("#trinity").width();
    // CREATE BUTTONS
    xml_button_create(window.myValue,height,width,false);
};

1 个答案:

答案 0 :(得分:0)

如果您使用jQuery调整坐标,请尝试将其用于事件绑定。

$(document).ready(function() {
    $( window ).resize(function() {
        alert("Resize");
    });
});

否则请查看此内容以检测所有html元素的调整大小。

http://benalman.com/projects/jquery-resize-plugin/

  

使用jQuery resize事件,您现在可以将resize事件处理程序绑定到窗口以外的元素,以实现超级棒的调整大小!