Tag: jquery ui

div的流体间距: 我有一个主图像页面。主图像将根据照片改变其高度和宽度。我还在图像旁边有一个AddThis共享小部件。我的间距对于一个尺寸的图像是正确的。如何根据图像大小设置AddThis div以流畅地保持其当前间距？这是一个链接，所以你可以看到我正在谈论的一个例子。页面上的黑框（白色轮廓）表示将更改的图像。 AddThis div目前调整高度而不是宽度。这是AddThis div的CSS： style =“left：-110px; top：-220px;” / *当前如何定位，我喜欢当前的间距。它必须保持这个间距* / .addthis_floating_style{ background: none repeat scroll 0 0 #000000 !important; position: relative !important; } 如何更改此设置以便AddThis正确调整其间距到图像的高度和宽度？我想到的另一种方法是使用jQuery读取图像的高度和宽度，然后根据图像大小设置AddThis div的left和top元素。这需要动态计算。我将使用最好的方法。请提供一个示例，因为javascript不是我的强项。更新：我读了另一个问题，并阅读了提供的答案，我想知道它是否会解决我的问题，但似乎没有正常工作。这是代码尝试过的（注意：我目前正在使用的是上面的代码，下面的代码是我尝试过的）： JS var $j = jQuery.noConflict(); $j(“#add-this-vertical”).position({ my: “right top”, at: “right bottom”, of: $j(“#image-container”), […]

jQuery UI可排序 – 单击时拖动元素: 我有两个块，“可拖动”和“可排序”。在“可拖动”内部，我可以将它们拖动到“可排序”的项目很少。我希望有可能单击“draggable”中的项目并自动将其拖动到“可排序”。这是我的JS： $(“.sortableList”).sortable({ placeholder: ‘ui-state-highlight’, }); $(‘.sortableList’).disableSelection(); $(“.draggable”).draggable({ connectToSortable: ‘.sortableList’, cursor: ‘pointer’, helper: ‘clone’, revert: ‘invalid’, start: function (event, ui) { $(this).addClass(‘testing’); } }); 这是一个jsbin 任何想法如何通过点击它们将元素拖动到“可排序”？

jqGrid结果流过网格和“请，选择行”消息: （我对网络编程比较陌生，所以它可能是一个容易被忽视的问题）我正在使用ASP.NET MVC4来构建一个包含显示jqGrid的剃刀视图的应用程序。它使用ajax动态获取列元数据，并且所有数据似乎都返回正常。当我运行应用程序并显示视图时，会显示数据，但网格的标题和正文都会在网格上流动（请参见图像）。我注意到数据下面似乎有一条警告，上面写着“请选择行”。我的怀疑是问题是CSS还是与警告有关。我试过更改ui.jqgrid.css，site.css等中的各种属性无济于事。这是渲染的html： Feed List Preview var jqDataUrl = “LoadData”; var jqMetaUrl = “GetColumnData”; $(document).ready(function () { $.ajax( { type: “POST”, url: jqMetaUrl, data: “”, dataType: “json”, success: function (result) { col_names = result.colNames; col_model = result.colModel; $(“#jqTable”).jqGrid({ url: jqDataUrl, datatype: “json”, mtype: “POST”, //Specify the column names colNames: […]

动态Colorbox加载位置: 这是彩盒示例的快速链接。我需要更改和自定义颜色框加载的位置任何人都可以帮助我吗？

如何使用jqueryui提交google的autosuggest表格onclick？: 看起来像使用jqueryui的类别使事情有点复杂。我试过这个： $(document).ready(function() { $.widget( “custom.catcomplete”, $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = “”; $.each( items, function( index, item ) { if ( item.category != currentCategory ) { ul.append( “” + item.category + “” ); currentCategory = item.category; } self._renderItem( ul, item ); }); }, select: function(event, ui) […]

文本框值是自动附加的，并使用jquery在下拉列表中替换: 嗨朋友，如果基于下面的代码创建了4个文本框，那么当文本框焦点出来然后该文本框值附加在下拉列表中它工作正常但是当用户可以更改文本框值时我需要将旧文本框值替换为新值我怎么能这样做，请帮助我的朋友我的文本框创建和下拉列表创建 <% for (int i = 0; i <% for (int i = 0; i 我的jquery $(‘.GroupName’).focusout(function () { var data = $(this).val(); var get = $(this).attr(‘id’); $(‘GroupSelect option’)[parseInt(get + 1)].text = data; });

Jquery ui，draggable containment parent + rectangle？: 我希望有一个包含在其父级中的可拖动，然后我想进一步限制它以保持在父级中的某个矩形内： item.draggable({containment:”parent”,axis:”x”,handle:item.children()}); item.draggable(‘option’,’containment’) “parent” item.draggable(‘option’,’containment’,[0,0,250,0]); item.draggable(‘option’,’containment’) [0,0,250,0] 我希望它同时是“父”和[0,0,250,0]，但问题是，一旦我设置了包含选项，它就会忘记我用它创建的父包含。当它忘记父项时，矩形是相对于文档计算的，而父项通常不位于x = 0。编辑：好的，所以我解决了问题，但我仍然需要一些输入，因为这是非常奇怪的行为。当我初始化draggable时，containment选项被设置为字符串“parent”，那么如果我将它设置为其他东西，它将是其他东西，它将忘记父级。但是，如果我先拖动draggable然后将其设置为其他东西，则item.draggable（’option’，’containment’）将输出一个dom元素，因此显然“父”被处理成其他东西。然后，如果我在第一次拖动项目之后将包含选项设置为其他内容，即使包含设置为矩形，它也将保持包含在父项中，这解决了我的问题。现在我想知道这是一个错误还是设计问题，不应该更好地记录这种行为吗？有谁在那里？ #slowtuesday

JqueryUI自动完成function可防止每次按键调用: 我正在使用JqueryUI Autocomplete，我想要做的是防止JqueryUI自动完成在每个按键上调用。一切都在以完美的方式运作。我已经将文本字段与自动完成绑定，但是在每次按键时它都会进行调用。如何防止特定键上的呼叫？例如，我想阻止对箭头键的调用。这是我在Coffee中的代码。 $(“#location-search”).autocomplete source: (request, response) -> if request.term.length rows = new Array() data = data.geonames i = 0 while i 0 $(“#location-search”).parent().find(“.pen-dropdown ul”).append(” All Area “) for row, i in rows $(“#location-search”).parent().find(“.pen-dropdown ul”).append(” #{row[‘value’]}, #{row[‘country_code’]} “) window.dropdownli = $(“.pen-dropdown li”) window.dropdownliSelected = undefined for li in $(“#location-search”).parent().find(“.pen-dropdown ul li”) […]

jQuery UI多日期选择器停止在日期选择旋转月份: 请检查下面的小提琴。当在任何calander上接受第一个日期时，控制旋转以使该日历成为第一个。我想阻止这种行为。 http://jsfiddle.net/URcqn/8/ 我使用的是一个名为Multi Date Picker的插件，但它基本上是jQuery Date Picker。当您在第2个月或第3个月选择日期时，控件将旋转几个月以使我在第一个日历上选择日期。我怎么能阻止这种行为？

可拖动和可放置图像时出错: 我试图在3个可放置的图像上拖动2个图像。当我在drop1上拖动第一个图像时，它会打印Drop11，类似于drag2和drag3，它会打印Drop12和Drop13。当我拖动第二个图像时，它必须打印Drag21，Drag22和Drag23 resp。一切正常，但是当我将第一张图像拖过任何一张可丢弃的图像时，它会打印它应该的内容。但在那之后，如果我将第二个拖动图像拖到任何可拖动的图像上，它首先打印第一个droppale的消息，当我再次将它放在那里时，它会打印第二个droppable的消息（意味着它首先打印13个，如果拖动则打印23个）再次）。它就是这样的。我的代码有什么问题..？我的代码是 jQuery UI Droppable – Default functionality #draggable1 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } #draggable2 { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } #droppable1 { width: 150px; height: 150px; padding: 0.5em; […]