保存订单并重复使用订单
保存订单并重复使用订单
提问于 2015-02-03 14:06:38
谁能帮我在拖拽时保存包装元素的顺序吗？然后按照保存的顺序重新订购包装物品。这是我以前使用过的代码
<div class="g_container">
<?php foreach($_POST['old_img'] as $key=>$val){ ?>
<div class="item" tabindex="<?php echo $key; ?>">
<img src="../img/gallery/<?php echo $val; ?>">
</div>
<?php } ?>
</div>这是javascript代码。
<script src="../js/packery.pkgd.min.js"></script>
<script src="../js/draggabilly.js"></script>
<script>
$(document).ready(function(){
// Packery //
var $container = $('.g_container').packery({
gutter:10
});
$container.find('.item').each( function( i, itemElem ) {
// make element draggable with Draggabilly
var draggie = new Draggabilly( itemElem );
// bind Draggabilly events to Packery
$container.packery( 'bindDraggabillyEvents', draggie );
});
$("#save_gallery").on("click",function(){
var page_name=$("#pn").val();
var gallery=$(".gallery").html();
$.ajax({
data:"gallery="+gallery+"&pn="+page_name,
method:"POST",
cache:false,
url:"ajax/save-gallery.php",
success:function(data){
alert(data);
//location.href="page-galleries.php";
}
});
});
});
</script>提前谢谢。:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-02-05 19:53:05
使用我为您的问题创建的函数：
var $itemElems = $($container.packery('getItemElements'));
orderItems = function() {
var itemElems = $($container.packery('getItemElements'));
$(itemElems).each(function(i, itemElem) {
$(itemElem).attr('data-module-index', i);
// adds a data attribute called data-module-index to the element
// and makes the value its actual index.
});
};
orderItems();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28300882
复制相关文章
相似问题
腾讯云开发者
