jquery-ui-sortable

    2熱度

    1回答

    我的表中有一列是動態生成的。表得到名稱,公司等欄目,它也得到了包含版本號(1.14.0.2,1.12.1.0,1.8.0.1)的列。 我正在使用名爲Sortable的庫進行就地排序。這是一個偉大的圖書館,它只是開箱即用! 它適用於名稱和公司等列。但在某些情況下版本號會失敗。我設置的數據值導致的 str_replace('.','',$version_number) 但當版本號1.10.0,1.

    0熱度

    1回答

    我有li元素中的5個項目與id。我想排除除第3個以外的所有li元素。但在提交時,我希望以任何順序排列所有li元素,不包括第三個元素,它們將保持相同的位置。 HTML: <ul class="sortable"> <li id="1">Item 1</li> <li id="2">Item 2</li> <li id="3" class="unsortable">Ite

    0熱度

    1回答

    我排序元素jQuery用戶界面可排序的毛刺也有的mouseenter和鼠標離開事件。 當我將鼠標懸停在上面時,一些按鈕顯示在可排序元素的頂部。 雖然我將可排序的元素拖放到另一個可排序的元素上,但我有一些小故障,這些按鈕在半秒內迅速顯示並刪除。 如果我拖動排序緩慢我沒有這些毛刺。 我想過在禁用mouseenter事件的同時拖動排序然後再將其打開時再打開它? 有人可以提供一個例子嗎? 或者也許還有其他

    2熱度

    1回答

    我有一個工作代碼,點擊從2列表中移動項目來回。 但是這打破了排序功能。 我希望能夠使用點擊,但也可以通過拖動它們來對項目進行排序(如有必要),並避免在此情況下觸發.on點擊。 我該怎麼辦? 小提琴: http://jsfiddle.net/72RTz/365/ HTML: <h5 class="prefix-popover-heading">Group 1</h5> <!-- IF

    1熱度

    1回答

    我使用jQuery sortable庫創建了可排序的項目列表。 HTML: <ul id="sortable"> <li id="item1" data-index="1">Item 1</li> <li id="item2" data-index="2">Item 2</li> <li id="item3" data-index="3">Item 3</li>

    0熱度

    1回答

    我想用jQuery Sortable排序項目。出於某種原因,我無法對孩子li進行排序,只有父母li可以被移動和排序。當我嘗試移動孩子li,它的動作與父ul $("#list-tree-pages").sortable({ placeholder: "ui-state-highlight", items: "> li", revert: true })

    1熱度

    1回答

    我有一個項目被拖入一個可排序。可排序的大小是動態的,並在拖動開始時增長。可排序的新大區似乎並不像我預期的那樣被視爲有效的dropzone,只有初始區域才適用於丟棄。 有沒有辦法告訴draggable /排序「更新」? 本質上說,是這樣的: $('.draggable').draggable({ connectToSortable: ".sortable", start: fun

    -1熱度

    1回答

    我有一個可排序圖像的列表,每個圖像都有一個唯一的ID。我也有一個文本輸入(在我的實時網站上它是隱藏的,但我已經爲了測試目的顯示了它),這個文本輸入按照它們被放置的順序顯示圖像的ID - 這個列表隨時更新用戶更改圖像的順序。 我現在添加了一個「刪除」按鈕的圖像,當用戶點擊這個,相應的圖像刪除。但是,我不能做的是在我的文本輸入中更新此更改(即將刪除的圖像)。 這裏是我的jQuery: jQuery(d

    1熱度

    1回答

    在其中一個視圖中,我實現了一個可以通過與jQueryUI Sortable拖放來重新排序的列表。 列表中meetings.ctp輸出類似於如下: <ul id="sortable"> <?php foreach($meetings as $meeting): ?> <li class="ui-state-default">> <?php echo $meeting[

    0熱度

    1回答

    我想在可排序項目超過特定大小時更改佔位符類。到目前爲止,我已經使用這個: $(".list").sortable({ items: ".item", over: function (event, ui) { // For brevity, the calculation of condition has been omitted as it is irreleva