Javascript “如何创造价值”;从我的JS中获取;而不是默认值;“从CSS获取”;在JS插件中?

Javascript “如何创造价值”;从我的JS中获取;而不是默认值;“从CSS获取”;在JS插件中?,javascript,jquery,html,css,swiper,Javascript,Jquery,Html,Css,Swiper,我使用。 ↑ 此链接是Github的swiper.js的JavaScript代码 也许, if (swiper.isHorizontal()) { if (swiper.isHorizontal()) { slides[i].style.width = slideSize + "px"; } else { slides[i].style.height = slideSize + "px"; // by this code in line 1413 } // or if (swipe

我使用。
↑ 此链接是Github的swiper.js的JavaScript代码

也许,

if (swiper.isHorizontal()) {
if (swiper.isHorizontal()) {
  slides[i].style.width = slideSize + "px";
} else {
  slides[i].style.height = slideSize + "px";  // by this code in line 1413
}

// or

if (swiper.isHorizontal()) {
  $wrapperEl.css({
    width: ((swiper.virtualSize + params.spaceBetween) + "px")
  });
} else {
  // ↓ by this code in line 1460
  $wrapperEl.css({
    height: ((swiper.virtualSize + params.spaceBetween) + "px")
  });
}
现在,默认情况下,swiper的高度是“getfromcss”,并用HTML编写
style

但是我想在JS中设置高度,所以我希望高度是“GetfromMySetJS”,并用HTML编写
style

我可以在哪里写,怎样做


我的代码

↑ 代码片段看起来有点奇怪,很难看到,所以看看JSFIDLE。
↓ 这里的代码完全相同

/*高度对齐(我想将此设置的高度设置为swiper)*/
$(函数(){
var-maxh=0;
var conh=‘计算(100vh-79px)’;
$(“.left、.middle.right”)。每个(函数(){
if($(this).height()$(“.left,.right”).height()){
$(“.left,.right”).css({
“高度”:“计算('+conh+'-100px)”,
“调整内容”:“间隔”
});
$(“.middle”).css('height',conh);
}否则{
最大高度=$(“.left,.right”).height();
$(“.left、.middle.right”).高度(最大值);
}
}
});
});
/*游泳运动员*/
var mySwiper=new Swiper(“.Swiper container”{
方向:'垂直',
自动高度:正确,
分页:{
el:“.swiper分页”,
键入:“子弹”,
可单击:“true”,
},
键盘:{
启用:对,
},
鼠标滚轮:{
forceToAxis:对,
颠倒:是的,
},
renderBullet:函数(索引、类名){
返回“”+(索引+1)+“”;
},
});
html{
字体大小:62.5%;
}
身体{
字体大小:1.5rem;
-webkit字体平滑:抗锯齿;
-moz osx字体平滑:灰度;
显示器:flex;
最大高度:100vh;
颜色:白色;
背景色:#c6d2dd;
}
.头衔{
字体大小:1.4rem;
}
标题{
显示器:flex;
位置:固定;
证明内容:柔性端;
对齐项目:居中;
宽度:100%;
z指数:30;
填充物:2.1雷姆4.7雷姆6雷姆3.5雷姆;
}
标题ul{
显示器:flex;
对齐项目:居中;
柔性包装:包装;
溢出:隐藏;
宽度:100%;
边缘底部:-1px;
}
头李{
字体大小:1.5rem;
身高:4.5雷姆;
左侧填充:.4rem;
}
李:第一个孩子{
左侧填充:1.5雷姆;
}
李:最后一个孩子{
填充权:.5rem;
}
标题li>a{
文字装饰:无;
显示:块;
填充:1rem 2rem 1rem 3rem;
左边距:-1em;
身高:100%;
颜色:#fff;
大纲:无;
过渡:背景色0.2s缓和,边框色0.2s缓和;
位置:相对位置;
边界半径:9px 5px 0;
溢出:隐藏;
位置:相对位置;
z指数:5;
}
标题li>a:悬停{
过渡:背景色0.3s缓进,边框色0.3s缓进;
盒影:2px2p2pRGBA(0,0,0,0.4);
}
标题li>a:悬停::之前{
背景色:#fff;
背景色:rgba(255、255、255、0.4);
边框颜色:#fff;
边框颜色:rgba(255、255、255、0.4);
过渡:背景色0.3s缓进,边框色0.3s缓进;
盒影:-2px2p2pRGBA(0,0,0,0.2);
}
标题li>a::之前{
内容:'';
位置:绝对位置;
z指数:-1;
排名:0;
左:0;
底部:0;
右:0;
过渡:背景色0.3s,易于调整;
变换:倾斜(-15度);
变换原点:右下角;
边界半径:5px0;
}
.当前a{
右边框:1px实心#fff;
边框底宽:0;
指针事件:无;
利润底部:-3px;
}
.当前a::以前{
边框:1px实心#fff;
背景色:#9bacbb;
保证金:0.0-4px-1px;
}
.标志{
右边距:自动;
}
.mb{
位置:相对位置;
左侧填充:4.1rem;
}
.mb a{
显示:块;
高度:20px;
}
.邮件{
显示:内联块;
}
.气球{
显示:无;
位置:绝对位置;
垫面:2.5rem;
权利:-1.5雷姆;
}
.mb a:悬停+气球{
显示:内联块;
}
/* -----------------------------
*内容(来自此)
*----------------------------*/
.包裹{
填充物:6.9rem 1rem 1rem 1rem;
宽度:100%;
身高:100%;
}
#内容{
位置:相对位置;
宽度:100%;
高度:计算(100vh-7.9rem);
背景:#9bacbb;
边框:1px实心#fff;
边界半径:5px;
盒影:0-2px3px-2pxRGBA(0,0,0,0.5);
}
.泳衣{
证明内容:之间的空间;
}
.滑梯{
对齐项目:居中;
}
#abme,
#abmm,
#阿贝{
显示器:flex;
}
左边
.对{
保证金:5雷姆0;
}
/*左*/
.左{
填充:05.6雷姆;
宽度:33.5雷姆;
显示器:flex;
弯曲方向:立柱;
}
.数据{
垫面:1.7rem;
垫底:1.7rem;
}
李先生{
显示器:flex;
柔性包装:包装;
对齐内容:之间的空间;
}
李:最后一个孩子{
右边距:0;
}
.代码{
最高保证金:1.7雷姆;
}
身材{
显示:网格;
网格模板:“meter”auto“name”min content/4.4rem;
网格行间距:0.5雷姆;
保证金权利:.9rem;
字号:1rem;
}
图img{
网格面积:米;
自对准:居中;
自我辩护:中心;
}
图.仪表{
宽度:100%;
}
图.米-t{
宽度:50%;
身高:50%;
}
图figcaption{
自我辩护:中心;
最小宽度:0;
}
.hobby>.data{
填充底部:0;
}
/*中等*/
.中{
显示器:flex;
宽度:55.2rem;
柔性生长:1;
文本对齐:居中;
线高:0;
左侧边缘:3rem;
保证金权利:3rem;
}
.中img{
flex:01自动;
保证金:自动;
}
/*对*/
.对{
显示器:flex;
弯曲方向:立柱;
填充:0 5.6雷姆0 0;
宽度:31.1rem;
}
.attributes>p:最后一个子项{
填充顶部:0;
}
.live>.data{
位置:相对位置;
填充:0;
宽度:19.3rem;
高度:20.2438rem;
}
.live>.data span{
位置:绝对位置;
填充:0;
底部:30%;
右:7%;
}
@关键帧波纹{
0% {
框阴影:0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.5雷姆rgba(255 255 255 0.2)0 0 0 0 3.5雷姆rgba(255 255 255 0.2);
}
100% {
长方体阴影:0 0 1.5 rem rgba(255,255,255,0.2),0 0 3.5 rem rgba(2
document.querySelector('.swiper-wrapper').style.height = 'heightYouWant'
autoHeight: false,
height: 500,