Category : jquery-ui

I’m trying to optimize things and include only the things actually used (dialogs and tabs). Here’s what works : <script src="/bower/jquery/dist/jquery.js"></script> <script src="/bower/jquery-ui/jquery-ui.js"></script> NB the minified versions work too. JQuery has a nice documentation about how to use it with various packages managers such as Bower or AMD to include only the libs that you ..

Read more

I’ve tried to copy the example for jQuery UI with my code, however the autocomplete isn’t showing currently. The example is from here: https://jqueryui.com/autocomplete/#custom-data <input id="FeatureSearch" tabindex="1" class="form-control" @*id="child-name"*@ placeholder="" required="" aria-required="true" type="text" style="width:420px;float:right"><br /> @*<input id="autoComplete" tabindex="1">*@ <!– Default "id" value = "autoComplete"> –> <input type="hidden" id="search-id"> <p id="parent-name"></p> <input type="hidden" id="parent-id"> $(function () ..

Read more

Say I have some html that looks like thsi: <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> If I then type $("#sortable").sortable(); In console, it ..

Read more

I have a selection in my form: <div class="input-field" id="users-select-div"> <form id="users_load" action="/loadusergroup"> <select id="usersgroup"> <option value="" disabled selected>Choose a connection</option> </select> <button type="submit" class="waves-effect waves-light btn">Find All</button> </form> </div> And then generate the other options using jquery: $("#users-select-div select").html(` <option value="" disabled selected>Choose a user</option> {% for user in users %} <option value='{{ user.uuid ..

Read more

jQuery v3.5.1 standard build works, slim build does not, what are the missing dependencies for Draggable to work? Reproduction code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>jQuery UI Draggable – Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <style> #draggable { width: 150px; height: 150px; padding: 0.5em; } </style> <!– ..

Read more