无法将自定义游标添加到排序表（jQuery、CSS）

我试图为可排序对象自定义光标，但没有成功。但是，我可以将光标更改为“移动”。在css中，我有cursor:url（../images/cursor.png），浏览器成功地找到了图像。对于所有其他元素，我可以将图像添加到游标，但不能用于排序。下面是我的可排序代码。基本上，我有两列中的元素，我可以将元素从一列拖到另一列，反之亦然

var categoriescombar=[1,2,3,4,5,6,7,8]；
var类别1Arr=[1,2,3,4]；
$（函数（）{
$（“#column1，#column2”）。可排序({
连接到：“.column”，
});
});
对于（i=0；i”）；
}否则{
$（“#column2”）。追加（“”+categoriescombar[i]+“
”）；
}
}

。选择{
位置：相对位置；
宽度：100px；
高度：50px；
显示：内联块；
字体大小：20px；
光标：指针；
文本对齐：居中；
文字装饰：无；
大纲：无；
边界：无；
保证金：自动；
字体系列：SansPro-Regular；
边界半径：10px；
背景色：rgb（181152113）；
边缘顶部：7px；
游标：url（../images/cursor.png）！重要；
}
.选择：悬停{
背景色：#bd7737；
盒影：嵌入0px 5px 8px 0px rgba（43,27,0,0.34）；
游标：url（../images/cursor.png）！重要；
}
#专栏1{
位置：相对位置；
宽度：100px；
高度：500px；
浮动：左；
/*！左：200px*/
文本对齐：居中；
顶部：19px；
溢出：滚动；
左：35px；
}
#专栏2{
宽度：100px；
高度：500px；
位置：相对位置；
浮动：对；
/*！右：200px*/
文本对齐：居中；
左-36px；
溢出：滚动；
}

---

你能看看这个代码吗，也许它对你有帮助

问候,

$（函数（）{
$（“#可排序”）。可排序({
取消：“.noSortable”
});
$（“#可排序”）.disableSelection（）；
} );
正文{
字体系列：Arial、Helvetica、无衬线字体；
}
桌子{
字号：1em；
}
.ui可拖动，.ui可拖放{
背景位置：顶部；
}
#可排序{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可排序li{margin:0 3px 3px 3px；padding:0.4em；padding left:1.5em；字体大小：1.4em；高度：18px；光标：move；}
#可排序li.noSortable{cursor:no drop；}
#可排序li span{位置：绝对；左边距：-1.3em；}


第1项
第2项
第3项
第4项
第5项
第6项
第7项

你能看看这个代码吗，也许它对你有帮助

问候,


$（函数（）{
$（“#可排序”）。可排序({
取消：“.noSortable”
});
$（“#可排序”）.disableSelection（）；
} );
正文{
字体系列：Arial、Helvetica、无衬线字体；
}
桌子{
字号：1em；
}
.ui可拖动，.ui可拖放{
背景位置：顶部；
}
#可排序{列表样式类型：无；边距：0；填充：0；宽度：60%；}
#可排序li{margin:0 3px 3px 3px；padding:0.4em；padding left:1.5em；字体大小：1.4em；高度：18px；光标：move；}
#可排序li.noSortable{cursor:no drop；}
#可排序li span{位置：绝对；左边距：-1.3em；}


第1项
第2项
第3项
第4项
第5项
第6项
第7项

我只是在看的时候无意中找到了答案。看起来，当使用URL中的自定义游标时，还需要从内置游标中指定备份游标，如下所示：

cursor: url(../images/cursor.png), move;

这大概是为了让浏览器知道在图像不可用时使用什么

您还可以指定光标列表，浏览器将使用第一个可用的光标：

cursor: url(unavailable.png), url(../images/cursor.png), move;

我只是在看的时候无意中找到了答案。看起来，当使用URL中的自定义游标时，还需要从内置游标中指定备份游标，如下所示：

cursor: url(../images/cursor.png), move;

这大概是为了让浏览器知道在图像不可用时使用什么

您还可以指定光标列表，浏览器将使用第一个可用的光标：

cursor: url(unavailable.png), url(../images/cursor.png), move;

尝试使用
cursor:url（../images/cursor.png）！重要的也试着在这里发布html代码我想你需要展示更多的代码。HTML是什么样子的？你正在使用什么CSS选择器，等等@Atakishore已经尝试过了，但没有work@3ocene添加了我所有的代码。你能看一下吗？是一个有用的网站。它允许您将所有代码分组到一个可以运行的示例中。这样，像我这样懒惰的人更有可能帮助别人。或者你也可以像Albert Font在回答中所做的那样，使用一个代码片段。尝试使用
cursor:url（../images/cursor.png）！重要的也试着在这里发布html代码我想你需要展示更多的代码。HTML是什么样子的？你正在使用什么CSS选择器，等等@Atakishore已经尝试过了，但没有work@3ocene添加了我所有的代码。你能看一下吗？是一个有用的网站。它允许您将所有代码分组到一个可以运行的示例中。这样，像我这样懒惰的人更有可能帮助别人。或者你可以像Albert Font在回答问题时所做的那样，使用一个片段。当你回答问题时，试着添加更多关于你正在做什么和