乱码文字游戏使用jQuery ui-排序
Jumble Word Game using jQuery ui-sortable
我正在尝试使用jQuery ui-sortable的混乱文字游戏,用户可以尝试交换元素并提交他们的答案。在这里,用户将获得两个机会。如果用户第一次提交答案失败,他将被冻结正确的字符,这意味着不允许移动正确的字符。我只希望错误的字符被移动或在其他错误字符之间交换。我尝试了下面的代码
$("#word_"+i).sortable({
axis: 'x',
items: 'label:not(.correctText)',
cancel: '.correctText',
scrollSensitivity: 1,
tolerance: "pointer" ,
start: function(){
$(this).find("label:not(.ls)").each(function () {
$(this).data("fixedIndex", $(this).index());
});
},
change: function(){
$(this).find("label:not(.ls)").each(function () {
attrID = $(this).closest(".ui-sortable").attr("id");
if($(this).data("fixedIndex")!=0)
{
$(this).detach().insertAfter($("#"+attrID+" label:eq(" + ($(this).data("fixedIndex")-1) + ")"));
}
else
{
$(this).detach().insertBefore($("#"+attrID+" label:eq(" + ($(this).data("fixedIndex")) + ")"));
}
});
}
});
$("#word_"+i+" label.correctText").disableSelection();
}
我可以通过使用上面的逻辑冻结正确的元素,但如果我将第二个和第三个字母移动到正确的位置并提交,则不能冻结连续的正确字符。它被冻结了,但是当我试图将第一个错误的元素移动到正确的地方时,我就遇到了麻烦。它将正确的字符移动到错误的位置。
谢谢你的回复Tilwin Joy,实际上我自己解决了这个问题。更新的代码集在
jsfiddle.net/JZ74V/32/
这个小提琴集可以帮助你理解我的需求,如果你需要的话可以使用它
相关文章:
- jQuery UI自动完成突然停止工作
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- Jquery UI自动完成无法工作
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 使用Jquery ui时滑块无法工作
- JQuery UI可拖动潜水与滚动棒到鼠标
- jQuery UI自动完成-修改问题
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 阻止选项卡缓存jquery ui
- 将jQuery UI Timepicker Addon与React一起使用
- 如何在页面重新加载时显示jquery ui对话框
- jquery ui自动完成导致标头错误
- jquery UI draggable:UI.children不是一个函数
- 在JQuery UI Accordion Sortable中使用touchpunch无法正确使用touch
- Jquery UI对话框不会消失
- jQuery UI对话框错误,按钮导致HierarchyRequestError
- jQuery UI使用json文件自动完成
- 如何从内部销毁jQuery UI小部件's原型