这是我的JSFiddle。
我正在尝试实现JQuerySwipe,这样我就有1个记分器Div用于板球比赛initiallly,在加载时我做3个这样的div并滚动到第二个记分器div并使其成为currentMatch。现在我想滚动这3个div,给出无限div的印象,左右滚动,如果:
div
删除并附加到。{
#matches
div
应该删除并添加到前面
#matches
Div
分配currentMatch类,以便我
稍后插入/修改currentMatch实时状态。一切正常但最后一步当我删除第一个/最后一个记分器div并追加/添加它时。它不起作用,不工作我的意思是它给出了一个奇怪的结果,如果我删除了最后一步我的代码工作,但后来我不能实现无限滚动。
以下是记分卡div的圆形列表的代码:
/*Problem is here*/
debugger;
if (direction === "left") {
var scorebox = '<div class = "scorebox" href="#scorecardtab">' + $(".scorebox:last").html() + '</div>';
$("#matches").prepend(scorebox);
$(".scorebox:last").remove();
}
else if (direction == "right") {
var scorebox = '<div class = "scorebox" href="#scorecardtab">' + $(".scorebox:first").html() + '</div>';
$("#matches").append(scorebox);
$(".scorebox:first").remove();
}
在法规debugger;
之前注明结果,在那里看起来很好然后下地狱,如果有人可以提供帮助,请提前感谢。
编辑:jsfiddle中有一些错误,现在当前的小提琴正好模拟了我的问题。问题仍然只是模拟正确