Tag: jquery ui

使用javascript在两个地方绘制单个DOM元素

我正在使用jQueryUI创建一个大型可排序卡表，每个表都由一个嵌套div标签的大树组成，并使用CSS进行样式化。 当我在某些条件下拖动一张卡片时，我想在拖动时创建一个稍微透明的卡片“克隆”，它会徘徊在“真实”卡片的右侧，但我不想实际复制所有的HTML为了达到这种视觉效果。 那么，是否可以使用javascript在两个不同的地方在网页上绘制相同的DOM元素而不实际复制HTML？ 感谢任何回答的人。

使用JQuery UI自动完成function从JSON搜索数据无法正常工作

如何使用获取的json数据使用JQuery UI自动完成？ 它不适用于我的。 我使用这个例子http://jqueryui.com/autocomplete/ ，而不是我从json获取的硬编码数据。 我的json数据来自url localhost/myproject/output/names 。 HTML JS $(function() { $( “#search” ).autocomplete({ source: “localhost/myproject/output/names” }); }); json数据 [{“fullname”:”John Smith”},{“fullname”:”Juan dela Cruz”}] 编辑 我已经设法用@artm评论json数据来解决这个问题。 现在是[{John Smith},{Juan dela Cruz}] 但另一个问题是，当我输入字母o ，即使只有John Smith包含o也建议使用这两个字母。 我怎样才能解决这个问题？

jquery .show（）不能处理ASP MVC 3字段集

下面是我用来遍历一组fieldset元素的jquery，并根据用户从一组单选按钮中的选择，决定哪一个应该是可见的，哪些应该被隐藏（当页面加载时它们都被隐藏）。 但是，我无法使用.show()方法。 jQuery的 $(document).ready(function () { $(‘input[name=TransactionType]’).change(function () { var radioValue = $(this); var elements = []; $(‘#RightDiv’).children().each(function () { console.log(radioValue.attr(‘id’) + ” ” + $(this).attr(‘id’)); if (radioValue.attr(‘id’) == $(this).attr(‘id’)) { console.log(‘here’); $(this).show(); } else { $(this).hide(); } }); }); }); ASP MVC @Html.RadioButton(“TransactionType”, false, new { @id = “Enroll” }) Enroll a Tax ID […]

如何使用post（不是get）强制ajax并在jquery选项卡中显示响应？

嗨，我有以下的HTML和脚本 jQuery(function() { jQuery(“#tabs”).tabs({ /*beforeLoad: function(event, ui){ alert(‘loading’); }, load: function(event, ui){ alert(‘loaded’); }*/ ajaxOptions: { dataFilter: function(result){ var data = jQuery.parseJSON(result); alert(data.test_element); return data.test_element; } }, /*beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( “Couldn’t load this tab. We’ll try to fix this as soon as possible. ” + “If this wouldn’t be […]

如何在Jquery UI Dialog按钮调用上调用Jquery Ajax函数

我只想在Jquery UI对话框的按钮调用上调用jQuery Ajax“POST”请求，这里是代码片段， $(“#addqust”).dialog({ autoOpen: false, width: 630, modal: true, resizable: false, position: { my: “top”, at: “top”, of: window }, buttons: { “Save”: function (e) { $.ajax({ type: “POST”, url: “Default.aspx/InsertQuestion”, contentType: “application/json; charset=utf-8”, data: { name: $(“#qst”).val() }, success: function (data) { console.log($(“#qst”).val()); console.log(data.d); // alert(“message”); } }).done(function (msg) { alert(“Data Saved “); […]

重新点击输入字段时，jQuery Datepicker挂起（Chrome）

我有这个jsFiddle： http ： //jsfiddle.net/VebTY/ 看起来这只是chrome中的一个问题。 当您单击页面中的某个项目时，它会添加一个文本字段，然后会弹出日期选择器。 当您单击文本框然后返回文本框时，浏览器将挂起5-10秒。 为什么这样做，我该如何解决？ 这是我的相关代码： $(document).on(“focus”, “td input[type=text]”, function(e) { e.stopPropagation(); if ($(this).closest(“td”).attr(“data-type”) === “date”) { var dt = $(this).val(); $(this).not(“.hasDatePicker”).datepicker(); $(this).datepicker(“setDate”, dt); } }); $(“.editable”).click(function(e) { if (!$(e.target).is(‘input, textarea’)) { $(“.editable”).each(function() { if ($(this).has(“input”)) { var v = $(this).children(“input.input, textarea”).attr(“data-orig”); $(this).text(v); } }); var type = $(this).attr(“data-type”); var val = […]

拖动时保留IFRAME内容

在我目前的项目中，我正在一些TEXTAREA’s上实现jHtmlArea WYSIWYG插件，这些插件是可拖动和可排序的行。 唯一的问题是，一旦你开始拖动它们，它们就会丢失插件掩盖相关TEXTAREA的IFRAME中的所有数据。 jQuery的.clonefunction正在被使用，但它本身并没有随身携带所有数据，甚至将它设置为.clone(true)或.clone(true, true)也不会保留拖拽数据。 例： http://jsfiddle.net/5QL7W/1/ 有没有办法保留内容？

jQuery UI使效果不那么突然和生涩

我有一个小的切换边栏，我正在使用jQuery UI。 问题是这是非常生涩的行为。 无论如何它可能看起来像左/右平滑滚动？ 我试图让shell像内部容器滑动一样顺畅地滑动。 目前，一旦内部div完成宽松，它就会攫取。 $(“.snapper”).click(function() { $(“.sidebar-wrapper”).toggle(“slide”, { direction: “right” }, 1000); $(“#sidebar”).css(“width” , “auto”); }); 在线示例。 http://frontendtrends.com/sidebar/

选择项目后自定义jQuery selectmenu下拉按钮？

我正在寻找颜色的下拉列表，每种颜色都作为项目旁边的小方块。 有： 想（大致）： 这个版本（jsfiddle）适用于下拉项目本身，但我希望按钮也更新为旁边有彩色方块。 $.widget(“custom.coloriconselectmenu”, $.ui.selectmenu, { _renderItem: function (ul, item) { var li = $(“”, {text: item.label}); var bgColorStyle = ‘background-color:’ + item.element.attr(“data-color”); var fullStyle = “float: left; width: 21px; height: 19px; margin-right: 7px;” + bgColorStyle; $(“”, {style: fullStyle}).appendTo(li); return li.appendTo(ul); } }); $(“#selectId”).coloriconselectmenu({icons: {button: “custom-button”}}); 是否有一种很好的方法可以修改值更新中的下拉按钮，以包含下拉列表中的颜色方块？

如何让Rquery动画在Rails 3.2.8中工作？

我在我的Rails应用程序中使用jQuery的animate()方法。 但是，我无法让它发挥作用。 这是我的application.js文件： //= require jquery //= require jquery_ujs //= require_tree . 我尝试在那里添加//= require jquery-ui ，但它导致我的应用程序崩溃： couldn’t find file ‘jquery-ui’ 谁能告诉我我失踪了什么？ 谢谢你的帮助。