帮助手风琴面板重新排列(拖放) [英] Help with accordion panel rearrangement (drag n drop)
本文介绍了帮助手风琴面板重新排列(拖放)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
大家好,
我很难让这个工作......基本上我想通过拖动和手风琴创建一个可重新排列的面板标题下降。在哪里,用户可以通过拖放来重新安排手风琴面板。
我在这里写了一个小提琴小提琴
尝试使用此jquery片段来完成它
link
请任何人都可以帮忙。
谢谢,
解决方案
< blockquote>使用jQuery UI
下面的示例代码段供您参考:
< !doctype html >
< html lang = en >
< head >
< meta charset = utf-8 >
< title > jQuery UI Draggable - 默认功能< / title >
< link rel = stylesheet href = http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui .css >
< script src = http://code.jquery.com/jquery-1.9.1.js > < / script >
< script src = http://code.jquery.com/ui / 1 .10.4 / jquery-ui.js > < / script >
< link rel = stylesheet href = / resources / demos / style.css >
< style >
#draggable {width:150px;身高:150px;填充:0.5em; }
< / style >
< script >
(function(){
(#dragable)。draggable();
Hi guys,
I'm struggling to get this to work ... basically I want to create a re-arrangeable panel headers in accordion by drag and drop. Where in , a user can re-arrange the accordion panels by drag n drop.
I have a fiddle written here fiddle
Have tried to do it using the jquery snippet from this
link
Please can anyone help.
Thanks,
解决方案 Use jQuery UI
A sample snippet below for your reference:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script>
(function() {
( "#draggable" ).draggable();
这篇关于帮助手风琴面板重新排列(拖放)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文