使用jQuery或Javascript使用Div进行游戏

我想要将特定的div移动到上行链接上。向下移动向下链接的div相同。如截图所示，与我想在 “IB”链接上的特定div之前插入div相同。我想在'IA'链接上的特定div之后插入div。删除'D'链接上的特定div。使用jQuery或Javascript使用Div进行游戏

alt text http://freeimagehosting.in/images/204_screen_j.jpg screenshot

现在当然会有很多替代品可用上面实现功能如jQuery，正常JavaScript等

但我想知道，这将是最好的方式为了达成这个。

任何反馈将高度赞赏...！

编辑：截图链接是现在！

来源

2010-07-28 Hitesh Solanki

屏幕显示图像是无法访问 – kalpaitch 2010-07-28 12:10:05

你的截图是不是在发布的网址，使这个问题很混乱，没有它:) – 2010-07-28 12:10:17

将是很好，如果你可以发表评论/请在下面的帮助中标记为答案。 – Jamiec 2010-07-29 10:23:08

你看过Jquery-UI Sortable代码，它可能不是你所需要的，但它是一个选项。

来源

2010-07-28 12:16:42

jQuery明确地使这种事情更容易一些。

鉴于这种简单的标记：

<div class="moveable" id="div1"> 
    One 
    <a href='#' class="up">Move up</a> 
    <a href='#' class="down">Move down</a><br/> 
</div> 
<div class="moveable" id="div2"> 
    Two 
    <a href='#' class="up">Move up</a> 
    <a href='#' class="down">Move down</a><br/> 
</div> 
<div class="moveable" id="div3"> 
    Three 
    <a href='#' class="up">Move up</a> 
    <a href='#' class="down">Move down</a><br/> 
</div>

这jQuery将移动元素向上或向下：

$('.moveable a.up').live('click',function(){ 
    var $div = $(this).parent('.moveable'); 
    var idx = $div.index(); 
    if(idx>0){   
     $div.remove(); 
     $('div.moveable:eq(' + (idx-1) +')').before($div); 
    } 
    return false; 
}); 
$('.moveable a.down').live('click',function(){ 
    var $div = $(this).parent('.moveable'); 
    var idx = $div.index(); 
    if(idx<$('div.moveable').length-1){   
     $div.remove(); 
     $('div.moveable:eq(' + idx +')').after($div); 
    } 
    return false; 
});

这应该给你足够的去开始做插入了。

这里的小提琴，如果你想有一个演示：http://jsfiddle.net/5hF98/

来源

2010-07-28 12:33:00 Jamiec

使用jQuery或Javascript使用Div进行游戏

回答

相关问题