input file accept 指定格式

副檔名 檔案類型 accept 值
萬用型 萬用型 .{副檔名}
csv CSV .csv
xls Excel Files 97-2003 application/vnd.ms-excel
xlsx Excel Files 2007+ application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
txt Text Files text/plain
jpg, png, gif, etc… Image Files image/*
html, htm HTML text/html
avi, mpg, mpeg, mp4 Video Files video/*
mp3, wav Audio Files audio/*
pdf PDF .pdf

參考資料 : HTML Input=_file_ Accept Attribute File Type (CSV) – Stack Overflow

2016 年 11 月 20 日Permalink Leave a comment

jQuery UI Sortable 拖曳排序時大暴走

狀況

jQuery UI Sortable 拖曳排序時大暴走

解法

調整 sortable 父元素的 css

以官方提供的範例 Sortable – jQuery UI 來說

1
2
3
4
5
6
7
8
9
<ul id="sortable">
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
</ul>

就是