Found a total of 10000 related content
10 Easy jQuery Drag and Drop Plugins
Article Introduction：This post showcases 10 jQuery drag-and-drop plugins you might not have encountered before, enhancing your frontend development capabilities. Note that some plugins may be in beta, under development, or lack ongoing maintenance.
Related: 18 jQuery Dr
2025-02-28
comment 0
450
7 Useful jQuery Drag 'N Drop Plugins
Article Introduction：This article explores seven jQuery "Drag 'N Drop" plugins, offering diverse functionalities for website design. Modern web design increasingly leverages drag-and-drop interactions, mirroring desktop application usability. These plugins pr
2025-03-05
comment 0
1130
Quick Tip: User Sortable Lists with Flexbox and jQuery
Article Introduction：This article demonstrates how to create a basic jQuery plugin for sorting elements using flexbox and custom data attributes. The plugin, numericFlexboxSorting, offers simple ascending/descending sorting based on data-price or data-length attributes.
2025-02-17
comment 0
464
6 Nice jQuery File Upload Plugins
Article Introduction：Six Excellent jQuery File Upload Plugins for Easy Integration
This article showcases six user-friendly jQuery file upload plugins, many offering drag-and-drop and multiple file selection capabilities. Let's dive in!
jQuery uploadprogress: This plu
2025-02-26
comment 0
914
Working with jQuery DataTables
Article Introduction：DataTables: A Comprehensive Guide to jQuery Table Enhancement
DataTables is a powerful jQuery plugin that transforms basic HTML tables into interactive data grids. It effortlessly adds features like searching, sorting, and pagination, even without c
2025-02-22
comment 0
722
Building a Filtering Component with CSS Animations & jQuery
Article Introduction：Some months ago, I wrote an article about MixItUp, a popular jQuery plugin for filtering and sorting. In today’s article, I’ll show you how to build your own simple filterable component with jQuery and CSS animations.
Without further ado, let’s get
2025-02-22
comment 0
355
jQuery Sort Plugins 15 of the Best
Article Introduction：Fifteen practical jQuery sorting plug-ins to help you easily manage web elements!
Core points:
This article lists 15 powerful jQuery sorting plugins that can effectively control the order, location and organization of pages or table elements.
Each plug-in has unique features, ranging from simple content sorting, sortable table layout, animated table sorting to advanced search user interfaces, with rich and diverse features.
The jQuery sorting plugin is a powerful tool to improve website interactivity and user-friendliness, especially when dealing with large data sets or list views.
The sorting feature is very useful for handling large datasets such as table views and can also be used to manage list views such as portfolio pages. This article will quickly introduce 15 very convenient js
2025-02-25
comment 0
1141
Creating sortable lists using the HTML5 Drag and Drop API.
Article Introduction：The key to implementing the sortable list lies in the HTML5 drag and drop API. The following points should be noted: 1. Set the draggable attribute to make the elements draggable and prevent the default behavior of the dragover to allow placement; 2. Listen to dragstart to record drag data, and update the DOM structure when dropping; 3. Use the dragover event to judge the insertion position in combination with coordinates to realize the sorting logic; 4. Add style optimization experience and handle mobile compatibility issues.
2025-07-02
comment 0
142
10 Awesome jQuery ToolTips
Article Introduction：10 cool jQuery Tooltip plug-ins recommended
We've collected 10 cool jQuery Tooltip plugins you might have never seen before. These plugins provide some simple and effective tooltip options that are easy to implement on your website. Let’s enjoy it together! Related articles: - 10 jQuery Tooltip plugins and tutorials
Pop!
Use Pop!, a simple jQuery interference-free JavaScript plugin to easily create simple drop-down menus.
Source code
BetterTip
A jQuery library plugin that allows you to create custom tooltips.
EZPZ Tooltip
No
2025-03-01
comment 0
370
What is the HTML Drag and Drop API?
Article Introduction：The working principle of HTMLDragandDrop API includes the following steps: 1. Set elements to be dragged, set draggable="true" and handle dragstart events to define the behavior at the beginning of the drag; 2. Process events during the dragging process, such as dragover and dragleave to control the drag interaction; 3. Get data in the drop event and perform placement operations, while canceling the default behavior to allow placement; 4. Add visual feedback to improve the user experience. Common use cases include list sorting, file uploading and building kanban interfaces. When using it, you need to pay attention to calling e.preventDefault(), controlling effects and avoiding performance-affecting operations.
2025-07-13
comment 0
338
10 Awesome jQuery Mobile Plugins
Article Introduction：Ten powerful jQuery Mobile plug-ins help you create an excellent mobile experience! These plug-ins are optimized and designed for mobile websites, covering many functions such as mobile sliding touch, mobile device detection, mobile browser inspection, mobile image library, mobile drag and drop, mobile touch scrolling, mobile Ajax calls, mobile CSS adjustment, and so on. Come and explore! Related readings: - 50 jQuery Mobile development tips - 10 jQuery iPhone style plug-ins - 10 sets of free mobile icon sets - 10 mobile demo websites
jQuery SwipeGallery
This lightweight plug-in is optimized for mobile websites and supports swipe operations. Just a few lines of H
2025-03-04
comment 0
576
5 jQuery Sitemap Plugins and Generator Tools
Article Introduction：Easily generate site maps with JavaScript (or PHP)! We have compiled a series of jQuery website map plug-ins and generation tools to help you create website maps dynamically on the front end of the website without back-end operations. Let’s explore together! Related articles:
jQuery links and resources
10 online website button generators
18 jQuery drag and drop plugins
Quickly build and share website maps with jQuery Sitemap Creator
This tool makes it easy to create and collaborate on site maps. Source code demonstration 2. Create a colored website map with jQuery
In this demo, we will build a visually clearer sitemap that makes the hierarchy more clear by using colors.
2025-02-25
comment 0
1222
Make Dynamic Tables in Seconds from Any JSON Data
Article Introduction：Easily create dynamic interactive tables with lightweight jQuery UI plugin Tabulator! This article will guide you how to convert JSON data into dynamic, interactive tables with very little JavaScript code.
Core points:
Quick Setup: The Tabulator plugin allows you to convert JSON data into dynamic, interactive tables with just a small amount of JavaScript code.
Custom Columns: You can define and customize table columns through parameters such as title, fields, sorting, width and formatter to meet your specific needs.
Flexible data loading: Tabulator supports a variety of data loading methods, including JavaScript arrays and AJAX requests
2025-02-17
comment 0
353
What are the advantages of using the PMA_ tables (phpMyAdmin Configuration Storage)?
Article Introduction：Enabling phpMyAdmin configuration storage (PMA table) unlocks several practical features. First, it supports relationship tracking between tables, and sets foreign key constraints through visualization to ensure that cascading updates/deletion is performed correctly, avoids orphaned records and maintains data integrity; second, it provides an enhanced designer view after enabled, allowing drag and drop list tables, real-time editing of relationships, and supports query examples (QBE) functions to facilitate non-SQL users to build queries; third, it supports bookmarking and saving common queries, which facilitates reuse and sharing, saving time and reducing errors; finally, it supports multi-user personalized settings, such as sorting preferences and topic selection, to improve the overall user experience. These features make phpMyAdmin more like a complete database management tool, despite the initial configuration
2025-06-17
comment 0
808
JS roundup of project ideas for building your portfolio
Article Introduction：To create a standout JavaScript portfolio, choosing a project that demonstrates technical capabilities and problem-solving capabilities is the most important thing. 1. Build a to-do application with local storage, covering task addition and deletion, completion status, local saving, and can add filtering, drag-and-drop sorting or dark modes. 2. Use the API to create a weather dashboard, obtain user locations, display weather data, and support city search and error handling. 3. Develop a mini game such as tic toe or memory matching game to exercise logic and state management. 4. Use native JS or framework to build a personal portfolio website, including about me, project display and contact forms. Ensure that each project has complete functions, clear documentation, diverse technologies and easy to run, and finally deploy and display your strength online.
2025-07-07
comment 0
266
How to get the mouse position in JavaScript?
Article Introduction：In web development, there are three main methods for JavaScript to obtain mouse position: 1. Use clientX and clientY to obtain the browser's visual area coordinates, which are suitable for following the cursor or judging areas; 2. Use pageX and pageY to obtain the entire page coordinates including the scrolling part, which is suitable for scenes where absolute positions are required; 3. Use offsetX and offsetY to obtain the relative position of the mouse inside the element, which is often used for canvas or hot zone detection. In addition, after obtaining the mouse coordinates, it can be used to customize the interactive functions such as cursor, drag and drop sorting, drawing tools, hover judgment and game control. Selecting the appropriate coordinate system and debugging multiple values ??can avoid confusion.
2025-07-09
comment 0
135
