Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.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
Javascript ShuffleJ不工作_Javascript_Jquery_Shuffle - Fatal编程技术网

Javascript ShuffleJ不工作

Javascript ShuffleJ不工作,javascript,jquery,shuffle,Javascript,Jquery,Shuffle,我很难让它工作。我对javascript和 我正在使用 为了获得额外的帮助,我随本教程一起学习 我觉得我输入的都是正确的(即使是德语),但它不能正常工作。请原谅我,我还在学习通过阅读来区分jQuery和JavaScript。我的按钮没有像教程中那样提供所需的结果。非常感谢您的帮助 $(函数(){ gridContainer=$(“#shuffleContainer”); var sizer=gridContainer.find('.col-md-4'); gridContainer.shuff

我很难让它工作。我对javascript和 我正在使用 为了获得额外的帮助,我随本教程一起学习

我觉得我输入的都是正确的(即使是德语),但它不能正常工作。请原谅我,我还在学习通过阅读来区分jQuery和JavaScript。我的按钮没有像教程中那样提供所需的结果。非常感谢您的帮助

$(函数(){
gridContainer=$(“#shuffleContainer”);
var sizer=gridContainer.find('.col-md-4');
gridContainer.shuffle({
sizer:sizer,
速度:500,,
放松:“放松”
});
$('#btnAll')。在('click',函数(){
shuffle('shuffle',函数($el,shuffle){
返回true;
});
});
$('#btnFurniture')。在('单击',函数(){
shuffle('shuffle',函数($el,shuffle){
返回$el.data('group')=='FUNTITION';
});
});
$('#btnPet')。在('click',函数(){
shuffle('shuffle',函数($el,shuffle){
返回$el.data('group')=='Pet';
});
});
$('#btneelectronic')。在('click',函数(){
shuffle('shuffle',函数($el,shuffle){
返回$el.data('group')=='Electronic';
});
});
$('btnTransportation')。在('click',函数(){
shuffle('shuffle',函数($el,shuffle){
返回$el.data('group')=='TRANSPORT';
});
});
});
h1{
边缘底部:20px;
}
.集装箱{
填充顶部:50px;
}
.选择器{
边缘顶部:20px;
}
#洗牌容器{
边缘顶部:10px;
}
.col-md-4{
边缘底部:150px;
高度:270px;
}

我的洗牌演示
Shuffle.js演示
Shuffle.js是最好的
全部的
家具
宠物
电子的
运输

我能够用小提琴重现你的问题,并找到了原因。 在单击事件中,您遇到区分大小写的运输问题。它应该与
data group=“transportation”

修复方法是在单击事件中调整案例:

$('#btnTransportation').on('click', function () {
    gridContainer.shuffle('shuffle', function($el, shuffle) {
        return $el.data('group') == 'transportation';
    });
}); 
检查一下


希望有帮助

啊!你难住我了!就这样。真尴尬!非常感谢,我来自VB.net,这里的语言不区分大小写。再次感谢你。@M4cJunk13酷!介意选择我的答案作为正确答案吗?:)我检查了一下,认为答案是正确的,但它不会让我投票,因为我的代表率太低了。对不起,对Stackoverflow来说还是个新手。