窗口.Onresize = function {//code}似乎没有执行我的内部代码

window.onresize = function { //code } doesn't seem to exeute my inner code

本文关键字:执行 我的 代码 内部 Onresize function 窗口 code      更新时间:2023-09-26

我使用window.onresize来计算页面上按钮的适当坐标。按钮被放置在名为<div>trinity</div>的div中。按钮的坐标是根据"trinity"div的高度和宽度相对计算的。

当窗口被调整大小时,三位一体的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);
};

如果你正在使用jQuery来调整坐标,试着在事件绑定中也使用它。

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

否则,看看这个来检测所有html元素的大小调整。

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

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