Tag: jquery ui

如何在Angular 4中多次重复jQuery下拉列表小部件？

我使用jQuery UI的selectMenu小部件创建了下拉列表，如下图所示。 现在我被赋予了一个任务，通过Angular 4在屏幕上重复这个元素2或3次。但是我没有得到所需的输出。 显示下拉列表，但只有第一个正确，如上图所示。 但是显示了另外两个下拉列表，如下图所示。 （CSS样式和Javascript函数不存在）。 下面给出了下拉列表的HTML。 jQuery UI Selectmenu – Custom Rendering Select an Option: Standard Screw Adjustment Tamper Resistant – Factory Set Handknob Hex Head Screw with Locknut Hex Head Screw with Locknut Hex Head Screw with Locknut 这是下拉列表的CSS。 .ui-selectmenu-category { color: #5f5f5f; padding: 0.5em 0.25em; } .ui-menu-item { } .ui-menu-item .ui-menu-item-wrapper […]

使用jQueryUI-tabs为AJAX内容预加载图像

所以我有一个非常好的应用程序使用ui-tabs ..问题是，我不能为我的生活想出一种方法在显示选项卡面板之前预先加载我的ajax内容中的图像。 我能想到的唯一方法是创建自己的ajaxfunction来加载选项卡面板内容，并在ajax调用中添加这样的内容： success: function(response){ $(response).find(‘img’).preload({ onFinish: function(){ currentTabPanel.show(); } }); } 但是我认为使用jQueryUi.tabs（）对象中内置的AJAX方法和事件可以更好地解决这个问题。我只是觉得我没看到它…… arg。 。 有任何想法吗？？

删除对话框不会删除其内部内容

我在该对话框中创建了一个对话框和一个UI选项卡。 在该选项卡中，我将一些内容显示为表格。 当我通过remove（）方法关闭对话框时它会关闭对话框但是当我重新打开它时，内容仍然显示在选项卡中，是否有任何方法在对话框关闭时内容也会重新显示。 下面是我的代码。 this.formOrderList = null; this.orderListDialogObject = $(”); this.orderListTable = $(” + ” + ” + ” + ‘ Order# ‘ + ‘ Ref # ‘ + ” + ” + ” + ” + ” + ”); this.orderListTabs = $(” + ” + ‘Pending’ + ” + ” + ” + ”); […]

活动边框（.showBorder）在文本移动时居中

// Get references to the two sets of boxes var numbers = document.querySelectorAll(“.clicked”); var letters = document.querySelectorAll(“.border”); // Turn each node list into proper arrays: numbers = Array.prototype.slice.call(numbers); letters = Array.prototype.slice.call(letters); // Loop through all the number boxes numbers.forEach(function(box, index) { // Set up the click event handlers for all the number boxes box.addEventListener(“click”, function() […]

jQuery UI滑块，带缩放标尺作为高度选择器

我正试图在高度选择器的这种棘手的输入上计算出数学。 基本上 – 我有一个jQuery UI滑块来选择高度。 它以英寸为单位递增，最小值为0，最大值为120（10英尺）。 当用户移动滑块时，相应的标尺图形移动。 我已经在这里建立了一个jsfiddle： http ： //jsfiddle.net/x57Rw/ 你可以看到我的数学有点偏僻。 我知道我需要缩放标尺图形的偏移量，但不能完全绕过它。 基本上寻找我需要调整的东西，以使标尺与滑块输入正确匹配（相当）。 它不必完全准确，但尽可能接近。 任何帮助将不胜感激！

jQuery resizable（）图像在draggable（）div中工作

目前我有图像上传表格，我们可以上传多个图像并在div内拖动此图像。 请看我的表格 $( function() { var inputLocalFont = document.getElementById(“user_file”); inputLocalFont.addEventListener(“change”,previewImages,false); function previewImages(){ var fileList = this.files; var anyWindow = window.URL || window.webkitURL; for(var i = 0; i < fileList.length; i++){ var objectUrl = anyWindow.createObjectURL(fileList[i]); $('.new-multiple').append('’); window.URL.revokeObjectURL(fileList[i]); } $( “.img-div” ).draggable(); $( “.newly-added” ).resizble(); } }); 在这里，当我上传图像时，它将显示在新的多重div上。 我也可以拖动这些图像。 js fidle： https ：//jsfiddle.net/vd11qyzv/1/ 但是可以解决问题。 请帮忙 。

无法将图像设置为jsPlumb端点

我在我的项目中使用了jsPlumb库，并且我有一个函数可以在连接时更改端点映像。 我在页面加载时调用它，一切正常，但是当我在连接事件上调用它时，没有任何反应。 这是我的代码： function changeEndpointImage(){ var elem = $(‘.tableBody’); //These are my connectable elements for(var i=0;i<elem.length;i++) { var eps=jsPlumb.getEndpoints($(elem[i])); //Getting endpoints for each of the connectable elements for(var j=0;j<eps.length;j++) { if(eps[j].connections.length!=0) //Checking if any of them have connections eps[j].setImage("images/styled_radiobutton.png"); //Setting another image } } } jsPlumb.bind("connection", function(connection) { changeEndpointImage(); //I have also tried this method […]

jQueryUI进度条

我从来没有使用过jQuery UI进度条，但是我想创建一个基本上加载jQuery UI进度条的函数，运行它5秒然后执行另一个函数。 即。 function test() { show the jQuery UI progress bar for 5 seconds in div (“progressbar”) after 5 seconds has passed….. execute test2() } 如何才能做到这一点？

使用模态表单确认（jQuery UI）从表中删除行？

我刚刚开始学习jQuery，如果我能学到它，它似乎充满机会。 我创建了一个包含删除按钮的最后一个单元格的表。 通过单击按钮，我想要显示一个确认对话框，如果用户接受该行将被删除。 取消只关闭确认对话框。 但我不知道如何做到这一点，即使在阅读了stackoverflow或其他网站中发布的许多示例之后。 我无法将这些改编为我的项目。 所以，我喜欢为这件事提供指导。 我的脚本现在看起来像这样： $(document).ready(function(){ $(“#dlgConfirm”).hide(); }); $(function() { $(“#dlgLink”).click(function(){ $( “#dlgConfirm” ).dialog({ resizable: false, height:140, modal: true, buttons: { “Delete selected toon”: function() { $( this ).dialog( “close” ); }, Cancel: function() { $( this ).dialog( “close” ); } } }); }); }); 一个html包含这些： Toons: Date Name Note Delete? 02.03.2011 […]

通过Knockout模板生成的多个嵌套JQuery UI Accordion无法正确绑定

我正在尝试使用多重嵌套的手风琴控件来使用Knockout，但在添加面板时，通过KO绑定创建的项目不会与手风琴作为新面板绑定。 代码如下所示：     Add Next Item Add SubItem ko.bindingHandlers.accordion = { init: function(element, valueAccessor) { var options = valueAccessor() || {}; setTimeout(function() { $(element).accordion(options); }, 0); //handle disposal (if KO removes by the template binding) ko.utils.domNodeDisposal.addDisposeCallback(element, function(){ $(element).accordion(“destroy”); }); }, update: function(element, valueAccessor) { var options = valueAccessor() || {}, existing = $(element).data(“accordion”); //if […]