Questions tagged «jquery-ui»

我的jQuery ui sortables工作正常，但我的sortable元素中还有其他交互式元素。为了防止在与可排序div中的元素进行交互时意外排序，我想以某种方式使可排序对象的拖动运动仅在拖动可排序对象中的某个元素时发生，例如可能驻留的“移动”图标在每个可排序对象的左上角。通用jqui是否有可能，还是我需要编写自己的钩子？

75 jquery-ui  user-interface  interface  web  jquery-ui-sortable 

我实现了一个jQuery UI自动完成框，而不是文本框的宽度，下拉选项正在扩展以填充页面的剩余宽度。 看一下这个例子，亲自看看：http : //jsbin.com/ojoxa4 我尝试在创建列表后立即设置列表的宽度，如下所示： $('.ui-autocomplete:last').css('width', $('#currentControlID').width() ); 这似乎无能为力。 我也尝试过使用页面样式设置宽度： ui-autocomplete { width: 500px; } 确实，这确实起作用，但是这意味着页面上的所有自动完成功能都必须具有相同的宽度，这并不理想。 有没有一种方法可以分别设置每个菜单的宽度？或者更好的是，有人可以解释为什么宽度对我来说不正确吗？

74 jquery  jquery-ui  autocomplete  jquery-ui-autocomplete 

我正在尝试创建一个包含图像的模式对话框，您可以在其中选择多个图像。我需要从输入中获取值，然后将其清空，但是我无法清空输入。我尝试了.val('')和.val(null)，但都没有为我工作。 这是完整的代码： $("#hdselect").click(function(){ $(".modal").html(""); $.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){ $(".modal").append(data); }); $(".modal").dialog({ 'modal':true, 'title':"Click the image to select", 'width':960, 'height':600, 'resizable':false, 'show': {effect: 'drop', direction: "up"}, 'buttons': {"Ok": function() { var hd=Array(); var hdval=$("#hdimages").val(); $("#hdimages").attr('value',' '); $("input[name='hd[]']:checked").each(function(){ hd.push($(this).val()); }); if(hdval!=''){ hdval=hdval+","+hd; }else{ hdval=hd; } $("#hdimages").val(hdval); var images=$("#hdimages").val(); $.post('mediaservice.php',{getHd:images},function(data){ $("#imgthumbBase").append(data); }); $(this).dialog("close"); } } }); …

72 javascript  jquery  html  jquery-ui 

jQuery的Highlight方法将以黄色背景突出显示所有div。 如何指定要使用的颜色而不是黄色以突出显示？

72 jquery  jquery-ui 

知道如何处理吗？我的意思是jquery-ui似乎不是amd，而且我不知道该如何管理，知道吗？

72 jquery-ui  webpack 

<div class="second"> <div class="selector" id="selFirst"></div> <div class="selector" id="selSecond"></div> <div></div> </div> 如何使用元素索引而不是ID获取#selFirst？ 这个： var $selFirst = $(".second:nth-child(1)"); console.log($selFirst); 正在返回： jQuery(div.second)

72 javascript  jquery  jquery-ui  jquery-selectors 

我正在使用以下代码将jQuery UI自动完成项呈现为HTML。这些项目会在自动完成控件中正确呈现，但我不断收到此javascript错误，无法通过它。 Firefox无法转换JavaScript参数 Chrome 无法设置未定义的属性“ _renderItem” donor.GetFriends(function (response) { // setup message to friends search autocomplete all_friends = []; if (response) { for (var i = 0; i < response.all.length - 1; i++) { all_friends.push({ "label":"<img style='padding-top: 5px; width: 46px; height: 46px;' src='/uploads/profile-pictures/" + response.all[i].image + "'/><br/><strong style='margin-left: 55px; margin-top: …

70 javascript  jquery  jquery-ui  jquery-autocomplete 

我有一个jQuery日期选择器控件，该控件可以很好地处理一次实例，但是我不确定如何使它适用于多个实例。 <script type="text/javascript"> $(function() { $('#my_date').datepicker(); }); </script> <% Using Html.BeginForm()%> <% For Each item In Model.MyRecords%> <%=Html.TextBox("my_date")%> <br/> <% Next%> <% End Using%> 如果没有For Each循环，它会很好地工作，但是如果“ MyRecords”集合中有多个项目，则只有第一个文本框会获得一个日期选择器（这与ID绑定是有意义的）。我尝试将一个类分配给文本框并指定： $('.my_class').datepicker(); 但是，尽管到处都显示一个日期选择器，但它们都更新了第一个文本框。 什么是使这项工作正确的方法？

70 javascript  jquery  jquery-ui 

我尝试了以下代码，但是它仅将对话框的左上角位置定位到中心，这使元素向右对齐。如何将对话框居中到计算元素宽度的真实中心，以便中心线将对话框切成50％50％的一半？ $('.selector').dialog({ position: 'center' }); http://docs.jquery.com/UI/Dialog#option-position

69 jquery  jquery-ui  dialog  jquery-dialog 

我在ASP .NET MVC 3应用程序中使用jQuery模态对话框。除右上角没有显示关闭按钮外，它工作正常。如何添加呢？ $("#dialog-modal").dialog({ modal: true, autoOpen: false, buttons: { Ok: function () { $(this).dialog("close"); } } });

69 jquery  asp.net-mvc-3  jquery-ui  dialog 

我正在使用jQueryUI Datepicker并显示“今天”按钮。但这是行不通的。在演示中也无法使用：http : //www.jqueryui.com/demos/datepicker/#buttonbar 我想在今天按下此按钮时填写输入。 是否有可能使其正常工作？

68 jquery-ui  datepicker 

我需要法国日历，我无法理解问题。我想我没有使用应有的区域选项。但... 这是我的代码： $(function() { $('#Date').datepicker({ showMonthAfterYear: false, showOn: 'both', buttonImage: 'media/img/calendar.png', buttonImageOnly: true, dateFormat:'d MM, y' }, $.datepicker.regional['fr'] ); });

67 javascript  jquery-ui  localization  internationalization  jquery-ui-datepicker