Question

可以在调整屏幕大小后更改功能名称吗？

我有这个

<div id="box1" data-same-height="blocks-resize">

其中

data-same-height="blocks-resize"

是函数，这是函数的javascript。

$(document).ready(function() {
var equalize = function () {
    var disableOnMaxWidth = 0; // 767 for bootstrap

    var grouped = {};
    var elements = $('*[data-same-height]');

    elements.each(function () {
        var el = $(this);
        var id = el.attr('data-same-height');

        if (!grouped[id]) {
            grouped[id] = [];
        }

        grouped[id].push(el);
    });

    $.each(grouped, function (key) {
        var elements = $('*[data-same-height="' + key + '"]');

        elements.css('height', '');

        var winWidth = $(window).width();

        if (winWidth <= disableOnMaxWidth) {
            return;
        }

        var maxHeight = 0;

        elements.each(function () {
            var eleq = $(this);
            maxHeight = Math.max(eleq.height(), maxHeight);
        });

        elements.css('height', maxHeight + "px");
    });
};

var timeout = null;

$(window).resize(function () {
    if (timeout) {
        clearTimeout(timeout);
        timeout = null;
    }

    timeout = setTimeout(equalize, 250);
});
equalize();

}）;

将屏幕大小调整为600px后，可以更改该名称（data-same-height）吗？或者也可以是“块调整大小”

谢谢！

Answer 1

       $(function(){
          $(window).on("resize load", responsive);
       }) 

       var responsive = function() {
          if(window.innerWidth < 600) {
             //do your thing
          } else {
            //do something else.
         }
       }

调整屏幕大小后重命名功能

1 个答案: