Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > Introduction to the basic use of JQuery-tableDnD drag and drop_jquery

Introduction to the basic use of JQuery-tableDnD drag and drop_jquery

WBOY

Release： 2016-05-16 17:30:24

Original

1350 people have browsed it

Import js on the page

Copy code The code is as follows:

jquery -1.3.2.min.js
jquery.tablednd_0_5.js
Note: Be sure to import jquery-1.3.2.min.js first, otherwise an error will occur. 

·Create table

Copy code The code is as follows:

  
  < ;td>Two
  
  
  
1< /td>Onesome text
2some text
3Three< ;/td>some text
4Four some text
5Five some text
 td>

·Insert js code

Copy Code The code is as follows:

·ok.
·Example

Copy code The code is as follows:

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/";
    pageContext.setAttribute("basePath", basePath);
%>

1	One	some text
2	Two	some text
3	Three	some text
4	Four	some text
5	Five	some text
6	Six	some text

Related labels：

jquery drag

source：php.cn

Previous article：jquery multi-line text box (textarea) height change_jquery Next article：Calculate Sina Weibo message length (you can also enter 119 characters)_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author