Pickers

Pickers 其實是為了某個專案臨時寫了一個 jQuery 的 Plugin 產生的項目。後續 js 的部分完成時才會用到這個組件。Pickers 是一個與下拉選單非常相似的組件,所以在 js 完成前,就先不描述太多。

  • 點擊以下詞組即可新增
  • Basketball
  • Baseball
  • Football
<div class="picker-container">
    <input type="text" class="ctrl-input picker-input focus" value="ball">
    <div class="picker-dropdown" style="display: block;">
        <ul class="picker-results">
            <li class="picker-dropdown-item picker-dropdown-title">點擊以下詞組即可新增</li>
            <li class="picker-dropdown-item result-item" data-result-name="Basketball">Basketball</li>
            <li class="picker-dropdown-item result-item" data-result-name="Baseball">Baseball</li>
            <li class="picker-dropdown-item result-item" data-result-name="Football">Football</li>
        </ul>
    </div>
</div>

可與 Endorseds 一起搭配使用。

  • 點擊以下詞組即可新增
  • Basketball
  • Baseball
  • Football
11 Basketball × 17 Baseball ×