【发布时间】:2012-10-13 16:50:59
【问题描述】:
我正在使用 jQuery UI 的 sortable,我希望将按用户排序的列表作为参数保存到 URL,这样当用户单击“保存”链接时,url 应该包含此信息。
除了当用户点击链接时 href 属性没有更新之外,一切正常。
我的问题是如何做到这一点,如果不可能,是否有另一种方式(除了不适合我的解决方案的 ajax/json)来传递字符串(或我可以创建的数组)新页面)?
$('#listElements').sortable({
update: function(event, ui) {
var order = '';
var i = 0;
$('.listObject li').each(function (e) {
if (i != 0) {
order += '%';
}
order += $(this).attr('id');
i +=1;
});
var url = $('#newOrder').attr("href");
url += "&listOrder=" + order;
$('#newOrder').val(url);
}
});
<div id='listContainer'>
<div id='listElements'>
<ul>
<li>Element 1</li>
<li>Element 2</li>
</ul>
</div>
<div id='listUsers'>
<h3>Collaborators</h3>
<p>Mr Oizo</p>
<p>Cookie Monster</p>
</div>
<div id='listInfo'>
<h3>List info</h3>
<strong>List creator: Mr Nice</strong><br/>
<strong>Creation date: 2012/12/12 </strong><br/>
</div>
<a href='index.php?type=list&action=saveNewListOrder&listId=$listId' id='newOrder'>Save</a><br/>
</div>
注意:服务器端我使用的是php。
【问题讨论】: