在jQuery UI Sortable之后更新CollectionView内容的最佳方法？
在jQuery UI Sortable之后更新CollectionView内容最佳方法：
- 使用
$.ajax()或$.get()方法通过AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）向服务器发送请求，以获取更新的数据。 - 使用
$.post()或$.ajax()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.ajax()或$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。 - 使用
$.get()方法通过AJAX向服务器发送请求，以获取更新的数据。
以上是更新CollectionView内容的一些最佳方法，这些方法可以确保在数据更新时保持CollectionView的显示效果。
相关·内容
1回答
JQueryUI可排序只工作一次
、、、、
我在页面头中调用JQueryUI.js，然后用AJAX加载内容。
Jquery拖放工作一次，然后退出工作。如果我每次加载JqueryUI.js内容，它都能工作，但这是非常慢的。这是YII框架中的
所以整件事看起来是：
Page.php：
$cs->registerScriptFile($baseUrl . '/js/jquery.ui.js');
$cs->registerScriptFile($baseUrl . '/js/product.js');
product.js：
// need to namespace this to get acce
浏览 1提问于2013-10-21得票数 1
回答已采纳
我用jQuery创建了一个待办事项列表，并尝试添加jQuery UI以使列表项可排序，但我尝试的代码没有工作。
下面是我在尝试中更改的代码的相关部分(查看完整代码的 )。我做错什么了？
HTML
<link rel="stylesheet" href="styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="htt
浏览 0提问于2018-04-07得票数 0
回答已采纳
1回答
我有一个使用Jquery拖放排序的列表，但是当我将其中一个选项放到列表中时，我希望能够像下面这样判断它在列表中的位置：
唯一的问题是，我不知道如何在当前的Jquery中做到这一点。当我尝试时，我失败了，它一直给我提供对象错误:)
这里是我的代码：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.goog
浏览 2提问于2012-08-09得票数 0
回答已采纳
我遇到了以下问题:当一个项目从"sortable_pics_selected“列表拖到另一个列表中时，会有一个事件被jquery ui的"remove”事件处理程序触发：
-->小提琴： <
$("#sortable_pics_selected").sortable({
remove: function(event, ui) {
alert('hi);
}
});
<div id="sortablecontainer_pic&#
浏览 0提问于2012-04-27得票数 0
回答已采纳
2回答
我有一个包含可排序元素的页面。这是页面代码的一部分：
...
<head>
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1
浏览 2提问于2013-01-03得票数 0
回答已采纳
我正在尝试创建一个拖放特性，我已经使用jQuery插件实现了它。以下是我所用的：
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();
#sortable1, #sortable2 {
border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
mar
浏览 2提问于2020-08-20得票数 0
回答已采纳
3回答
引言
我现在有一个列表(有ul和li的)。
可以使用jQuery对其进行排序：
$( "#sortable1" ).sortable({
update : function () {
var items = $('#sortable1').sortable('serialize');
alert(items);
}
});
$( "#sortable1" ).disableSelection();
问题所在
这段代码移动了整个li项(包括它的类-因此它是
浏览 1提问于2013-04-10得票数 1
回答已采纳
2回答
更新是因为我找到了这个问题的解决方案，我将其作为对自己问题的回答:需要删除disableSelection()方法。如果有人遇到同样的问题，请在此张贴原文供参考：
*：
我正在使用JQuery UI可排序方法，在Firefox和输入字段中发现了一个奇怪的错误。由于某些原因，添加到可排序元素中的输入字段在Firefox中是不可点击的。你不能专注于它们，除非你右击它们。这个问题在Chrome中没有出现。
请参阅这里的JS Fiddle，并注意这只是在Firefox中查看JS Fiddle时才会出现的问题。为了记录在案，我在Firefox 33上，我还在Firefox 32上复制了这个版本：
这是
浏览 2提问于2014-10-16得票数 3
如果加载静态的话，我会运行这段代码。
HTML
<div class="control-group" id="example-2-1">
<div class="span3">
<ul class="sortable-list">
</ul>
</div>
</div>
JQUERY
// Example 2.1: Get items
$('#example-2-1 .sortable-list'
浏览 6提问于2014-07-21得票数 1
回答已采纳
3回答
我正在使用JQuery UI的sortable对列表#sortable进行排序，方法是将每个元素拖入所需的顺序。
我将项目的id存储在li id属性中(我知道这是无效的)，并将元素的order存储在rel属性中。
举个例子：
<li id="23" rel="1">First</li>
<li id="20" rel="2">Second</li>
<li id="24" rel="3">Third</li>
当我拖放一个li元
浏览 0提问于2011-04-28得票数 1
我正在尝试使用jayq和jquery.ui.sortable来使页面上的列表可排序。看一下，它看起来应该像这样简单：
(.sortable ($ :#sortable))
它被编译成：
jayq.core.$.call(null, "\ufdd0'#sortable").sortable();
然后抛出：
Uncaught TypeError: Cannot call method 'call' of undefined
当我尝试将其包含在页面中时。有趣的是，当我将生成的代码粘贴到js控制台中时，它确实可以在页面中工作，这对我来说意味着在执行该行之后加载
浏览 3提问于2012-07-20得票数 4
回答已采纳
1回答
我在更新Chrome中的web应用程序时遇到了问题。这是一个ASPX网站，但我不认为它与这次对话有关。问题是我们的客户端没有在Chrome中获得最新的编程，因为大多数时候，它无法从内存中释放Javascript和CSS编程，然后在使用时造成各种混乱。
我试着将这段代码放在<head>中，就像许多人建议的那样，但它并不总是有效。
<script type="text/javascript">
function reload_js(par_src) {
src = $('script[src$="' + pa
浏览 0提问于2016-11-15得票数 0
总之，我知道我们可以实现一个拖放元素，只需在jquery中调用.draggable方法即可。下面是它的一个示例，包括连接到可排序。
$(".draggable").draggable({
helper : function(){
//return something dom.},
cursor : 'move',
connectToSortable : '.sortableLayoutSection'});
$(".sortab
浏览 0提问于2013-03-05得票数 0
回答已采纳
我想知道，在排序或拖动元素(元素)时，我可以将元素转换为圆圈，包括它的子元素。我试过了，但不完整。
$('#editorDesignView').sortable({
cursor: 'move',
start: function( event, ui ) {
$(ui.item).addClass("sortable-change");
},
stop: function( event, ui ) {
$(ui.item).removeClass("sortab
浏览 2提问于2017-05-18得票数 3
回答已采纳
我有两个jQuery UI可排序列表。守则如下：
<div class="chapter_container">
<p>Available Chapters</p>
<ul id="sortable_available">
<li id="t1">Title 1</li>
<li id="t2">Title 2</li>
<li id="t3">Title 3</li&g
浏览 5提问于2016-02-04得票数 1
回答已采纳
5回答
我在wp-admin/post.php页面上得到一个Javascript错误，它阻止我添加标签/编辑帖子的链接。几乎所有关于JS的事..。无论如何，错误是：
> Error: d.delegate is not a function
> Source File:
> http://www.mysite.com/wp-admin/load-scripts.php?c=1&load=hoverIntent,common,jquery-color,schedule,wp-ajax-response,autosave,wp-lists,jquery-ui-core,jquer
浏览 0提问于2011-03-07得票数 7
假设我有一个使用jquery可排序的表。在拖动时，如何获得行的innerHTML与另一行的innerHTML交换，然后在没有使用".toArray()“或".serialize()”的情况下保存提交订单。例如，我成功地保存了订单，而没有使用".toArray()“或".serialize()”，方法是使用向上和向下按钮导出innerHTML。
jQuery(function() {
var ids = [];
$("tbody#sortable").sortable({
axis: "y",
浏览 4提问于2016-03-31得票数 2
我正在构建一个链接到一个数据库的站点，该数据库的接口由选项卡和选项卡中的portlet组成，所有这些都是使用jQuery UI构建的。
main.jsp启动选项卡：
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
而price.jsp文件包括在main.jsp中触发portlet：
<script>
$(function() {
$( ".column" ).sortable({
浏览 3提问于2011-09-18得票数 0
回答已采纳
1回答
我无法更新wordpress网站上的插件，我得到了以下错误：
📷
我还在控制台中得到了一个500错误：
load-scripts.php?c=0&load[]=jquery-core,jquery-migrate,jquery-ui-core,jquery-ui-widget,jquery-ui-mouse,jquery-ui-resizable,jquery-ui-draggable,jquery-ui-but&load[]=ton,jquery-ui-position,jquery-ui-dialog,utils,underscore,wp-util,jquery-ui-s
浏览 0提问于2018-09-28得票数 0
4回答
我正在使用jquery ui sortable。我想让排序数组将它传递给处理drop事件的文件。
我发现了一件有趣的事..
$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
$( "#sortable li" ).droppable({
drop: function( ) {
var order = $("#sortable").sortable("
浏览 1提问于2013-07-21得票数 27
2回答
我无法使用jquery 2.1.1和jquery ui 1.10.4让jquery sortable工作。我一直在上使用这个例子，但我也不能让它工作。下面是我的超级简单的测试用例：
<ul id="sortable">
<li id="A" class="ui-state-default">A</li>
<li id="B" class="ui-state-default">B</li>
</ul>
浏览 2提问于2014-06-17得票数 2
2回答
我目前正在使用JQuery UI Dragabble，可删除和排序。我有两个div部分在我的php文件的顶部和底部，如果我从底部拖放内容到顶部的div部分。
在顶级div部分，我正在执行可排序的JQUery操作，我的下一个请求是当我在顶层执行排序操作时，它的顺序应该在MYSQL中自动更新，我不得不坚持就像如何通过ajax和php文件将排序顺序传递给MySQL DB一样。有人能为实现这个目标提供一些帮助吗？
谢谢!
Html/PHP代码
<div class="drop_list">
<ol id="sortable" style
浏览 5提问于2015-10-09得票数 1
回答已采纳
想知道在使用jQuery可排序选项时，是否存在要检测项目是否已向上或向下移动的选项。
下面我有一个简单的例子，它显示了一个项目移动时的警告消息。但是，我想知道所移动的项目是上移还是下移。
$( function() {
$( "#sortable" ).sortable({
change: function (event, ui) {
alert('Leg Moved.')
}
});
$( "#sortable" ).disableSelection();
} );
浏览 2提问于2017-02-07得票数 2
回答已采纳
我试图在我的第一个单页javascript应用程序中使用requireJS来管理依赖项。我以前从未使用过requireJS，我正为一些我认为是退出基本功能的东西而苦苦挣扎。
我的项目使用knockoutJS，还有一个名为19.ckout-sortable的插件，它为jquery 'sortable‘插件提供了剔除绑定。当我只加载jquery、淘汰赛和其他没有requireJS的东西时，一切都很好。
我的require main.js如下所示：
require.config({
baseUrl: '/Scripts',
paths: {
j
浏览 2提问于2015-05-03得票数 1
回答已采纳
我正在尝试让jQuery UI可排序插件正常工作，我已经创建了一个如下所示的列表：
<ul id="sortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
并且我已经包含了插件脚本文件：
$(function() {
$("#sortable&#
浏览 0提问于2010-05-17得票数 0
回答已采纳
我正在编写一个应用程序，允许用户在水平方向上将元素从一个列表拖动到另一个列表。我基于一个jQuery示例制作了一个：
代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Sortable - C
浏览 3提问于2017-03-05得票数 0
2回答
我在尝试来自的JQuery UI Sortable API。我正在尝试使用JavaScript创建上面的结构，并动态地渲染瓷砖。我尝试过的动态Jquery UI可排序的JSFiddle是：
动态代码的问题是动态生成的瓦片是不可拖动的。你能帮我把这些瓷砖做成可拖拽的吗？任何帮助都是非常感谢的。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="
浏览 20提问于2017-06-22得票数 1
回答已采纳
3回答
我有以下表代码：
<tbody>
<tr data-id='1' id='item-1'>
<td>30-01-2014</td>
</tr>
<tr data-id='19' id='item-2'>
<td>30-01-2014</td>
</tr>
<tr data-id='5' id='item-3'&
浏览 3提问于2014-07-04得票数 1
回答已采纳
4回答
如何在拖拽jquery-ui-sortable时监听drag事件？
通过hit-n-trial策略，我尝试了来自jquery-ui-draggable的drag event，但它不起作用。
$('.widget_container').sortable({
drag: function(event, ui) { console.log('drag'); }
});
浏览 2提问于2011-11-16得票数 15
回答已采纳
1回答
我使用的是CI 2.1.3，在jQuery UI继承方面有问题。尝试创建一个ajax可排序页面嵌套。
view/admin/components/page_head.php
<!DOCTYPE html>
<html>
<head>
<title><?php echo $meta_title; ?></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-wid
浏览 0提问于2013-06-17得票数 0
回答已采纳
在重新排序列表并重新加载页面后，我希望保存这些列表。我可以通过srtable jquery移动列表，但不能将它们保存到代码点火器中的数据库中。下面是视图部分的代码。
视图：
$(function() {
$( "#sortable" ).sortable({
revert: true
});
$( "#draggable" ).draggable({
connectToSortable: "#sortable",
helper: "clone",
reve
浏览 2提问于2016-04-19得票数 0
你好，我正在使用jquery ui sortable对我的div进行排序。我可以让div oder保存在数据库中，这是我的代码
<div style="margin:0 auto !important;">
<ul id="sortable1" class="connectedSortable">
<li id="one_1" class="ui-state-default"><div>Item 1</div></li>
浏览 0提问于2013-02-18得票数 0
我有一个项目列表，每个项目都有大量的内容。当我应用jQuery sortable时，我想要实现的是，当一个项目被拖走并开始排序时，所有的项目内容都将自动隐藏。
根据我的所有测试，jQuery不能很好地适应这样的变化，例如，如果我执行以下操作，
$("#sortable").sortable({
start: function(event, ui) {
$(".hidden").addClass("hide");
}
});
jQuery无法自动计算出隐藏项的大小，排序将变得一团糟。
所以我用间接的方式解
浏览 0提问于2011-09-05得票数 0
回答已采纳
我正在尝试在jQuery的帮助下创建可拖放的内容。
<div id="sortable1" class="ui-helper-reset">
<div class="ui-state-default">Item 1</div>
<div class="ui-state-default">Item 2</div>
<div class="ui-state-default">Item 3</div>
</d
浏览 0提问于2015-12-22得票数 0
我很难得到一个由Ember.js使用jQuery.ui创建的列表。
控制器如下所示：
App.ThingyController = Ember.ArrayController.create
content: [
{ name: 'Item1' },
{ name: 'Item2' }
]
模板是这样的：
<script type="text/x-handlebars">
{{#collection contentBinding="App.ThingyController" tagName=&
浏览 1提问于2012-01-24得票数 10
回答已采纳
2回答
请帮我解决问题。是一个站点jQueryUI - 的示例
代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Sortable - Connect lists</title>
<
浏览 8提问于2016-07-25得票数 0
回答已采纳
我正在使用此js代码，并且在enabled.sortable或disabled.sortable上收到以下警告消息
jQuery.unique已弃用；请使用jQuery.uniqueSort
enabled.sortable({
connectWith: disabled,
dropOnEmpty: true,
placeholder: 'ddmultiselect-placeholder',
items: 'li',
upda
浏览 32提问于2020-11-24得票数 0
1回答
我试着在jQuery中使用拖放功能，发现下面的功能很有用。下面是它的工作原理： $( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection(); #sortable1, #sortable2 {
border: 1px solid #eee;
width: 142px;
min-height: 20px;
list-style-type: none;
margin:
浏览 15提问于2020-08-24得票数 1
回答已采纳
我正在尝试使用jQuery可排序插件访问以下矩形化项目：
目前，我的jQuery代码如下所示(注意，问题是关于接收部分中的even )：
$( "#listA, #listB" ).sortable({
connectWith: ".connected_sortable",
delay: 100,
receive: function(event, ui) {
alert(ui.item.text());
}
}).disableSelection();
HTML：
<ul
浏览 6提问于2011-10-03得票数 4
回答已采纳
4回答
我创建了一个名为:jquery.js的文件：
$(document).ready(function{
jQuery('#sortable1, #sortable2')
.sortable(
{'connectWith':'.connectedSortable',
'dropOnEmpty':true,
'scroll':true,
items: "li:not(.emptyMessage)",
receive: function(
浏览 4提问于2013-01-08得票数 0
回答已采纳
2回答
我正在开发一个Rails 3.2.13应用程序，遇到了以下问题：
我在app/assets/ Javascript /目录中编写的Javascript文件似乎没有运行。
我在app/menu_list.js/javascripts/目录中的一个名为menu_list.js的文件中有JS代码，但是它什么也不做。然而，当我将相同的代码放在标签中的视图页面上时，它就能工作了。
<script>$("#sortable").sortable();</script>
这是我的application.js文件：
//= require jquery
//= requ
浏览 4提问于2013-07-18得票数 0
回答已采纳
1回答
引言
我目前使用的是jQuery .sortable函数，它的工作方式非常出色。然而，这只是客户端，我想将新的排序位置存储到后端(mySQL数据库)。
我使用数值字段存储排序顺序(并使用SQL ORDER BY检索)。
Menu text Sorting ID
------------ ---------
Menu item #1 => 0
Menu item #2 => 1
Menu item #3 => 2
Menu item #4 => 3
当前HTML代码
<!doctype html>
<html lang="en
浏览 0提问于2013-04-10得票数 1
回答已采纳
1回答
我已经将可排序引用和jquery引用导入到我的html中，但是它说
Uncaught：$(.).sortable不是函数
和
未明错误: jQuery需要jquery
我以前从未使用过jquery，因此这一切都是新的。我已经把这个精确的代码作为这个网站的一个演示，它正在编写代码笔，但是在我自己的笔记本电脑上是行不通的。
$('.sortable-list').sortable({
connectWith: '.sortable-list',
update: function(event, ui) {
var changedList =
浏览 3提问于2020-11-19得票数 2
回答已采纳
1回答
我想使用jquery-ui的可排序小部件。我用以下命令安装了jquery-ui：
bower install jquery-ui
我正在使用require.js。我已经添加了jquery-ui/sortable的一部分：
paths: {
...
'jquery.ui/sortable': 'bower_components/jquery.ui/ui/widgets/sortable'
...
在我的模块中，我使用以下命令导入：
define(
[
'jquery.ui/sortable',
...
],
浏览 10提问于2016-08-02得票数 0
回答已采纳
1回答
拖放时显示位置和总数
、、、
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Sortable - Handle empty lists</title>
<link rel="stylesheet&
浏览 4提问于2016-11-02得票数 2
回答已采纳
1回答
jQuery可选事件
、、、
我有一个jQuery插件，可以将元素拖放到不同的容器中，我想附加一些事件，例如当元素在容器上时。这些事件曾经完美地工作过，但后来它们停止了工作。由于某些原因，Selectable的特定事件不会被触发，但当我绑定一个单击的例子时，它就会工作。
示例：
//these are not working
$('#sortable2').bind("sortover", function(event, ui) {
alert("here");
});
$('#sortable2').bind('sortreceive
浏览 0提问于2011-12-08得票数 0
我希望启用拖动元素，并将它们放到指定的元素容器中。但是当我加载我的网站时，我会在我的控制台上看到这个：Uncaught TypeError: undefined is not a function ... presentation-categories.js?version=1:23。
第23行是$( ".panel-body" ).droppable({开始的地方。
我试图删除整个$( ".panel-body" ).droppable(...);，然后draggable工作，但我需要丢弃容器。
这是实际的presentation-categories.js
浏览 0提问于2014-07-25得票数 3
回答已采纳
2回答
我正在使用带有jQuery UI可排序小部件的CodeIgniter来更改我的菜单列表位置。
例如，如果我的菜单列表是这样的：
<li>menu 1</li>
<li>menu 2</li>
<li>menu 3</li>
<li>menu 4</li>
我想把第一个菜单放在第二个菜单下面，让它留在那里。
然而，我被jQuery卡住了一点。
下面是获取列表元素的内容：
<ul id="sortable">
<?php foreach ($rows as
浏览 0提问于2011-10-23得票数 7
回答已采纳
1回答
我有这个html代码：
<div id="format">
<ul id="sortable">
<li id="item1">
<input class="checkbox" id="item1" name="params[checklist][]" value="item1" checked="checked" type="checkbox">
<label for=&#
浏览 2提问于2011-07-25得票数 0
1回答
我有一个主干集合，Marionette CollectionView呈现在一个无序列表中。我只想使它可排序，所以我需要等待直到collectionView被放置在DOM中。
我可以侦听在呈现集合时触发的事件，但当集合放在DOM中时，我不知道如何做。
var ContactView = Backbone.Marionette.CollectionView.extend({
id : "contacts",
tagName: "ul",
itemView: UserView,
initialize: function(){
浏览 1提问于2014-04-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
