📜  jQuery |标签排序插件(1)

📅  最后修改于: 2023-12-03 15:32:12.805000             🧑  作者: Mango

jQuery | 标签排序插件

介绍:

jQuery | 标签排序插件 是一种用于网站或应用程序中对标签进行排序的jQuery插件。它为用户提供了轻松排序和组织标签的功能,无需编写任何代码。此插件还允许用户添加自定义标签和自定义排序方式。

特性:
  1. 简单易用
  2. 支持自定义排序方式
  3. 支持添加自定义标签
  4. 支持拖拽排序
  5. 支持保存排序后的标签
安装:

您可以从以下链接中获取最新版本的jquery.tagsort.js文件。

<script src="https://cdn.jsdelivr.net/npm/jquery.tagsort/dist/jquery.tagsort.js"></script>
使用:
调用插件
$(".my-tags").tagSort({
    items: ".tag",
    reset: ".reset-tags",
    exclude:
	{
	    order: [],
	    items: []
	}
});
HTML结构
<div class="my-tags">
    <div class="tag">JavaScript</div>
    <div class="tag">Java</div>
    <div class="tag">Python</div>
    <div class="tag">CSS</div>
    <div class="tag">HTML</div>
    <a href="#" class="reset-tags">Reset tags</a>
</div>
选项

| Name | Type | Default | Description | | ---------- | -------- | ------- | ------------------------------------------------------------ | | items | selector | | 您要排序的标签的选择器。 | | reset | selector | | 您要重置标签的选择器。 | | exclude | object | | 定义要排除的标签组和要排除的标签。格式:{order: [],items: []} | | callbacks | object | | 定义事件句柄。格式: {begin: function(){},end: function(){}} |

示例

您可以通过以下示例链接查看标签排序插件的演示。

https://jsfiddle.net/br4tok57/

问题反馈:

如果您在使用本插件时遇到问题,请通过以下链接向我们报告问题。

https://github.com/iwz/jquery-tagsort/issues

版权:

jQuery | 标签排序插件是由 Imran Warsi (https://imranwarsi.com) 维护的开源项目,基于 MIT 许可证发布。任何人都可以使用这个插件,并且欢迎将此插件用于他们的项目中。此插件也可以自由修改和分发。

总结:

jQuery | 标签排序插件是一款优秀的jQuery插件,具有极高的可扩展性和灵活性。它可以轻松帮助您实现网站或应用程序中的标签排序功能,并且支持自定义标签和排序方式。如果您正在开发一个需要标签排序功能的项目,那么这款插件将是您不可或缺的选择。