jquery-ui

Sortable with dynamic content

谁说胖子不能爱 提交于 2021-02-05 10:49:07
问题 So I use jQuery UI sortable plugin to sort photos in a small gallery. $(function() { $("#area").sortable({ items: '.sort-wrapper', cursor: "move", handle: ".photo-handler", opacity: 0.5, scroll: true, scrollSensitivity: 100, scrollSpeed: 5, revert: 100, tolerance: "pointer", update : function () { var order = $('#area').sortable('serialize'); $.ajax({ type : 'POST', url : '/file.php', data : order }); } }).disableSelection(); On the same page I dynamically add and remove photos. PHP script

how to add custom javascript to google sites?

穿精又带淫゛_ 提交于 2021-02-04 10:58:27
问题 How do I get the ability to add/edit the JS on a google sites site? This way I want to use jQuery and jQuery UI to manipulate the look and feel of the site. To be clear, I am not talking about all google sites, just the create-your-own system google has made, called "Google Sites" -> https://sites.google.com/. On the howto page, there is this: Unsupported features The HTML Box tool currently doesn't support the following features: iframes JavaScript code can't create any script, image or link

How to update values in Jquery range slider

末鹿安然 提交于 2021-01-29 18:37:55
问题 I'm using jquery range slider. I have an ajax call and I set the slider values in that ajax call. The code is as follows: $.ajax({ type: "POST", url: '/api/get-prices/', data: JSON.stringify(filters), contentType: "application/json", beforeSend: function (xhr, settings) { let csrftoken = getCookie('csrftoken'); if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } }, success: function (response) { let min_price = parseInt(_.min(response[

How to update values in Jquery range slider

若如初见. 提交于 2021-01-29 11:52:00
问题 I'm using jquery range slider. I have an ajax call and I set the slider values in that ajax call. The code is as follows: $.ajax({ type: "POST", url: '/api/get-prices/', data: JSON.stringify(filters), contentType: "application/json", beforeSend: function (xhr, settings) { let csrftoken = getCookie('csrftoken'); if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } }, success: function (response) { let min_price = parseInt(_.min(response[

Jquery ui autocomplete on multiple input fields with ajax results

天涯浪子 提交于 2021-01-29 04:46:54
问题 I am trying to do what several other people have accomplished here on stack. I have tried all of the examples available and cannot seem to get this to work. I've copied working examples and reflected changes to match my case and still, nada. HTML I am using looks like this. <tr> <td><a id="remRow"><span class="icon icon-squared-cross"></span></a></td> <td><input type="hidden" data-type="itemID" name="itemID[]" id="itemID" class="form-control autocomplete_txt" autocomplete="off"> <input type=

Jquery UI Slider Pips throws “No such method 'pips' for slider widget instance” in WordPress

白昼怎懂夜的黑 提交于 2021-01-29 03:40:34
问题 I am working on a review option for a webshop in WooCommerce for one of my clients. Now I want to use the jQuery UI Slider Pips extension. All works fine on a testpage on my own server. And all works fine in this fiddle as well. But I got an "Uncaught Error: no such method 'pips' for slider widget instance"-error in my WP installation. I have tried to overrule the default WP jQuery version with the one from the fiddle, but nothing seems to work. Here the page that I am testing on. Can you

How to attach a jquery autocomplete to input element

拈花ヽ惹草 提交于 2021-01-28 13:21:30
问题 I want to attach autocomplete to jquery input element. I downloaded jquery widget v1.12.1 ( only autocomplete) from this link enter link description here. function maintest () { let table; let row1; let row2; let cell0; let cell1; let header2; let autocomplete1; table = $('<table>'); table.attr({"id":"testtable"}); row1 = $('<tr>'); table.append(row1); header2 = $('<th>').text("Feature/Description"); row1.append(header2); row2 = $('<tr>'); table.append(row2); cell1 = $('<td>'); row2.append

How to attach a jquery autocomplete to input element

若如初见. 提交于 2021-01-28 13:21:18
问题 I want to attach autocomplete to jquery input element. I downloaded jquery widget v1.12.1 ( only autocomplete) from this link enter link description here. function maintest () { let table; let row1; let row2; let cell0; let cell1; let header2; let autocomplete1; table = $('<table>'); table.attr({"id":"testtable"}); row1 = $('<tr>'); table.append(row1); header2 = $('<th>').text("Feature/Description"); row1.append(header2); row2 = $('<tr>'); table.append(row2); cell1 = $('<td>'); row2.append

How to attach a jquery autocomplete to input element

倖福魔咒の 提交于 2021-01-28 13:19:41
问题 I want to attach autocomplete to jquery input element. I downloaded jquery widget v1.12.1 ( only autocomplete) from this link enter link description here. function maintest () { let table; let row1; let row2; let cell0; let cell1; let header2; let autocomplete1; table = $('<table>'); table.attr({"id":"testtable"}); row1 = $('<tr>'); table.append(row1); header2 = $('<th>').text("Feature/Description"); row1.append(header2); row2 = $('<tr>'); table.append(row2); cell1 = $('<td>'); row2.append

jQuery AutoComplete displaying behind elements after first use

十年热恋 提交于 2021-01-28 10:47:51
问题 SOLVED: Ended up being that the Z-index of the task editor div was being set higher than the autocomplete when the div was appended to the body. Now I just feel silly spending two hours with this. I am currently modifying a jQuery Gantt Chart plugin (here is a link to the original plugin demo http://gantt.twproject.com/distrib/gantt.html). And I am trying to change the task editing by adding an auto-complete to the resource rows so that it is easy to grab an employee from my company. The