Javascript UIKIT3加载更多jQuery

Javascript UIKIT3加载更多jQuery,javascript,jquery,Javascript,Jquery,我对UIKIT3网格和jQuery以及加载更多功能有问题。 “加载更多”脚本基于: 加载其他3个分区后,按钮隐藏,这是代码笔: 顺便说一句:只有在Uikit中激活砌体时才会发生这种情况:… 我真的很想得到一些帮助。。 感谢Peter老实说,我不太使用Uikit,但查看示例代码时,我注意到Uikit会根据屏幕的宽度强制您设置div内容的高度 所以,要解决这个问题,只需通过CSS绕过这个规则:) 下面我给你一个小的修复演示:) .目录{ 高度:自动!重要; } /*按钮加载更多-v1.0.0

我对UIKIT3网格和jQuery以及加载更多功能有问题。 “加载更多”脚本基于:

加载其他3个分区后,按钮隐藏,这是代码笔:

顺便说一句:只有在Uikit中激活砌体时才会发生这种情况:

我真的很想得到一些帮助。。
感谢Peter

老实说,我不太使用Uikit,但查看示例代码时,我注意到Uikit会根据屏幕的宽度强制您设置div内容的高度

所以,要解决这个问题,只需通过CSS绕过这个规则:)

下面我给你一个小的修复演示:)


.目录{
高度:自动!重要;
}
/*按钮加载更多-v1.0.0-2018-02-28
*版权所有(c)2018 NTTPS*/
(函数($){
$.fn.btnLoadmore=函数(选项){
var默认值={
展览项目:6
,whenClickBtn:3
,textBtn:“加载更多…”
,classBtn:'
,setCookies:false
,delaytoscoll:2000,
}
,options=$.extend(默认值,选项);
这个。每个(函数(){
变量$this=$(this)
,$childrenClass=$($this.childrenClass());
//获取要隐藏的内容元素
$childrenClass.hide();//Nacondi-tutti-gli-elementi
//显示来自选项的元素
$childrenClass.slice(0,默认值.showItem)
.show();//mostra il primo
//当内容中的项目!=0时显示按钮
if($childrenClass.filter(“:hidden”)
(长度>0){
$this.after(“”+defaults.textbn+“”)
}
$(文档).on('click','btn loadmore',函数(e){
e、 预防默认值();
$childrenClass.filter(':hidden').slice(0,默认值.whenClickBtn.slideDown();
if($childrenClass.filter(“:hidden”).length==0){
$(“.btn loadmore”).fadeOut('slow');
}
向下滚动();
});
函数scrollDown(){
$('html,body')
.制作动画({
scrollTop:$childrenClass.filter(“:可见”)
.last()
.offset()
顶部
},默认值。delayToScroll);
}
});
}
}(jQuery));
$(文件)
.ready(函数(){
$(“.contents”)
btnLoadmore先生({
展览项目:三,,
当CLICKBTN:3时,
textBtn:'加载更多…',
classBtn:“btn btn危险”
});
});
项目
项目
项目
项目
项目
项目
项目
项目
项目

太棒了,天哪,太简单了。非常感谢你,格雷廷。祝你有一个愉快的一天嗨,皮特,你解决了这个问题吗?请在问题中添加代码块。再一次嗨,但是在加载所有内容后如何删除css heigh:auto?如果它在页面中创建了不需要的冲突,您可以始终为其分配一个专用的CSS类:)
  .contents{
    height: auto!important;
  }