Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何压缩此jquery以允许无限数量的选项_Jquery - Fatal编程技术网

如何压缩此jquery以允许无限数量的选项

如何压缩此jquery以允许无限数量的选项,jquery,Jquery,我有下面这个jquery,它将设置所有具有类(例如equal1)的元素,以匹配具有该类的最高元素的高度 此代码仅允许设置11种不同的高度。是否有一种方法可以编写此代码,使类可以是以等号-[后缀]开头的任何内容,例如等号的模糊 通过这种方式,可以有无限数量的不同组的等高元素,这些元素的类包括等模糊、等价格、等框等 (函数($){ //窗口负载 $(窗口)。加载(函数(){ var viewport=$(窗口).innerWidth(); 如果(视口>=960){ 等高($('.equal1'))

我有下面这个jquery,它将设置所有具有类(例如equal1)的元素,以匹配具有该类的最高元素的高度

此代码仅允许设置11种不同的高度。是否有一种方法可以编写此代码,使类可以是以等号-[后缀]开头的任何内容,例如等号的模糊

通过这种方式,可以有无限数量的不同组的等高元素,这些元素的类包括等模糊、等价格、等框等

(函数($){
//窗口负载
$(窗口)。加载(函数(){
var viewport=$(窗口).innerWidth();
如果(视口>=960){
等高($('.equal1'));
等高($('.equal2'));
等高($('.equal3'));
等高($('.equal4'));
等高($('.equal5'));
等高($('.equal6'));
等高($('.equal7'));
等高($('.equal8'));
等高($('.equal9'));
等高($('.equal10'));
等高($('.equal11'));
}
});
//调整窗口大小
$(窗口)。调整大小(函数(){
var viewport=$(窗口).innerWidth();
如果(视口>=960){
等高($('.equal1'));
等高($('.equal2'));
等高($('.equal3'));
等高($('.equal4'));
等高($('.equal5'));
等高($('.equal6'));
等高($('.equal7'));
等高($('.equal8'));
等高($('.equal9'));
等高($('.equal10'));
等高($('.equal11'));
}否则{
$('.equal1').attr('style','');
$('.equal2').attr('style','');
$('.equal3').attr('style','');
$('.equal4').attr('style','');
$('.equal5').attr('style','');
$('.equal6').attr('style','');
$('.equal7').attr('style','');
$('.equal8').attr('style','');
$('.equal9').attr('style','');
$('.equal10').attr('style','');
$('.equal11').attr('style','');
}
});
函数等高(组){
var=0;
$(group.attr('style','');
组。每个(函数(){
var this_height=$(this).height();
如果(此高度>最高){
最高=此高度;
}
});
身高(最高);
}
})(jQuery)
div.equal1{
边框:1px纯黑;
填充物:5px;
垂直对齐:顶部;
}
纵队{
宽度:24%;
框大小:边框框;
}
身体{
显示:-网络工具包盒;
显示器:-moz盒;
显示:-ms flexbox;
显示:-webkit flex;
显示器:flex;
弯曲方向:行;
证明内容:之间的空间;
}

同侧阴唇
Lorem ipsum Door sit amet,是一位杰出的领导者,他是一位临时的领导者

同侧阴唇 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作

同侧阴唇 Lorem ipsum Door sit amet,是一位杰出的领导者,他是一位临时的领导者。知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作

同侧阴唇 Lorem ipsum Door sit amet,是一位杰出的领导者,他是一位临时的领导者。知识是一种美德,是一种美德,是一种美德,是一种美德。我们在维尼亚姆岛上吃了一顿饭 nostrud实习ullamco laboris nisi ut aliquip ex ea commodo consequat。知识是一种美德,是一种美德,是一种美德,是一种美德

您可以使用,或者如果元素有多个类,那么它将无法按预期工作。在这种情况下,请使用

现在,对于基于类的分组,您需要迭代集合,并且只需要为唯一的类调用函数,以避免重复使用其他对象

例如,您可以这样做(假设元素只有一个类)

(函数($){
//窗口负载
$(窗口)。加载(函数(){
var viewport=$(窗口).innerWidth();
如果(视口>=960){
获取唯一值并调用相等值();
}
});
//调整窗口大小
$(窗口)。调整大小(函数(){
var viewport=$(窗口).innerWidth();
如果(视口>=960){
获取唯一值并调用相等值();
}否则{
$('[class^=“equal”]').attr('style','';
}
});
函数等高(组){
var=0;
$(group.attr('style','');
组。每个(函数(){
var this_height=$(this).height();
如果(此高度>最高){
最高=此高度;
}
});
身高(最高);
}
函数get_unique_和_call_equal(){
var ref={};
$('[class^=“equal”]')。每个(函数(){
if(!(ref中的this.className)){
//如果有机会为元素创建多个类
//然后必须使用正则表达式提取类名
//或者其他方式
//例如:this.className.match(/\bequal[^]*/)[0]
var className=this.className;
等高($('..+className));
ref[className]=true;
}
});
}
})(jQuery)
div.equal1{
边框:1px纯黑;
填充物:5px;
垂直对齐:顶部;
}
纵队{
宽度:24%;
框大小:边框框;
}
身体{
显示:-网络工具包盒;
显示器:-moz盒;
显示:-ms flexbox;
显示:-webkit flex;
显示器:flex;
弯曲方向:行;
证明内容:之间的空间;
}

同侧阴唇
Lorem ipsum Door sit amet,圣公会精英,sed do ei
(function($) {

// Window Load
$(window).load(function() {
 var viewport = $(window).innerWidth();

 if (viewport >= 960) {
  equal_height($('.equal'));
 }
});

 // Window Resize
 $(window).resize(function() {
 var viewport = $(window).innerWidth();

 if (viewport >= 960) {
  equal_height($('.equal'));
 } else {
  $('.equal').attr('style', '');
 }
});

function equal_height(group) {
 var tallest = 0;

 $(group).attr('style', '');

 group.each(function() {
  var this_height = $(this).height();

  if (this_height > tallest) {
    tallest = this_height;
  }
});

 group.height(tallest);
}

})(jQuery);