各位前輩好~
小魯想在幫家裡做一個安排工作的工具
內容大概是:
有一個日曆 然後點擊日期的Div 可以新增工作與指派人員
新增完 日期底下會多一個Div.work物件
不過因為是想要給長輩使用，所以在操作上盡可能想做的容易些
像是工作要改日期就用拉的把Div.work 拉到別的日期底下之類的...
本來想用jquery直接刻，但想想這種功能一定會有套件才對...
但是小魯已經很久沒有寫網頁了 資訊有些跟不上
小魯也有自己google找到一些推薦像是...11个好用的jQuery拖拽拖放插件
不過此案是利用下班後哄孩子睡了之後的時間開發的 其實沒有體力一個一個試哪個好用
所以想跟各位前端大大問個路 推薦有沒有好用的Jquery拖拉功能套件 感恩 :)
已邀請的邦友 {{ invite_list.length }}/5
勇者鬥宅熊大大
想請問這個套件 要使用什麼特殊環境嗎 照著官方提供的Example 設置卻出現了 Uncaught SyntaxError: Unexpected token 的error
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.2/lib/draggable.min.js"></script>
<script>
import { Draggable } from '@shopify/draggable';
const draggable = new Draggable(document.querySelectorAll('ul'), {
draggable: 'li'
});
</script>
</head>
<body>
</body>
</html>
因為你不是用TypeScript，所以需要加個呼叫中間指令實作範例
var draggable = new Draggable.Draggable(document.querySelectorAll('ul'), {
draggable: 'li'
});
勇者鬥宅熊大大:
照你提供的範例修改可以運作了~ YA
再次感謝你的熱心分享 (╭￣3￣)╭♡
google 日曆...
iThome鐵人賽
看影片追技術