jQuery的append / prepend为我创建了一个问题

时间:2014-04-04 07:07:21

标签: javascript jquery html5 dom

这是我的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中有一些错误,现在当前的小提琴正好模拟了我的问题。问题仍然只是模拟正确

0 个答案:

没有答案