Tag: jquery ui

谷歌地图API 3正在行动: 我正试图在jqueryui选项卡中放置一个谷歌地图。地图显示出来; 但是，完整的地图本身并没有填满它的canvas。此外，尝试滚动地图会让它变得浑浊。有没有人有任何想法？这是我正在使用的代码： html { height: 100% } body { height: 100%; margin: 0; padding: 0 } #map_canvas { height: 100% } $(document).ready(function() { var mapOptions = { center: new google.maps.LatLng(-34.397, 150.644), zoom: 8, mapTypeId: google.maps.MapTypeId.HYBRID }; var map = new google.maps.Map(document.getElementById(“map_canvas”), mapOptions); }); One Two Three Tab 1’s Content Tab 2’s […]

如何在将ajax内容加载到新添加的jquery ui选项卡后执行回调函数: Jquery UI选项卡有一个add事件，在添加选项卡后立即触发。在此示例中，单击某个按钮时，将添加一个新选项卡并将其选中。我使用ajax以下列方式添加动态内容： var $tabs = $(“#tabs”).tabs({ tabTemplate: “#{label} Remove Tab”, add: function (event, ui){ var lastIndex = $(“#tabs”).tabs(“length”)-1; $(“#tabs”).tabs(“select”, lastIndex); } }); function createTab(phpFile){ $tabs.tabs(“add”, phpFile, “Tab Title”); } $(“button”).on(‘click’, function (){ var url = “search.php?term=someRandomString”; createPlaySongTab(url); }); 我的目标是让新添加的内容像这样淡入面板 add: function (event, ui){ $(ui.panel).hide(); var lastIndex = $(“#tabs”).tabs(“length”)-1; $(“#tabs”).tabs(“select”, lastIndex); $(ui.panel).fadeIn(1000); } 假设我的.php看起来像这样 […]

jQuery UI Autocomplete停止工作: 出于某种原因，jQuery UI的自动完成function已停止为我工作。我得到了与此网页上描述的相同的错误。我已经从下面的网页复制了查询的内容，希望这里的某个人能够回答它。谢谢！我正在使用Jquery UI Autocomplete来获取名称列表。但由于某种原因，我收到一个错误： $(‘#repName’).removeAttr(‘readonly’).focus(function () { $(this).val(”); }).autocomplete({ source: function (request, response) { tagId = $(‘#TagId’).val(); $.ajax({ url: ‘/Developement/GetRepName’, type: ‘POST’, dataType: ‘json’, data: { searchText: request.term, maxResults: 10, tagId: tagId }, success: function (data) { response($.map(data, function (item) { return { label: item.Name, value: item.RepId, id: item.RepId } […]

同时拖动多个列表项: 我有两个与jQuery UI sortable列表，允许将项目从一个列表拖动到另一个列表。 http://jsbin.com/uraga3 是否有一种简单的方法可以同时拖动多个项目 – 例如从左到右移动项目＃3，＃4和＃7？

JQuery Modal Dialog在Chrome，IE，Safari中增加了一倍。忽略maxHeight: 这是问题的截图（在IE中）： http://img401.imageshack.us/img401/7580/screenield.jpg 上述效果 – 对话窗口的高度加倍，内容（JW播放器）被推到底部 – 发生在IE8，Safari和Chrome中。在IE9中窗口根本不启动。在FF中没有问题。我使用的是带有UI版本1.8.18的JQuery 1.7.1，以及对话框的默认打包CSS。我试过不指定高度，然后指定maxHeight，两者都无济于事。启动对话框的完整代码如下所示。它包含许多可能是多余的细节问题，但基本上是创建与动态内容启动对话的链接。精确的模态设置在最后。所有帮助赞赏。 $(document).ready(function(){ var num = 0; //Find [popup] instances, increment the number $(“li:contains(‘[popup]’)”).each(function() { var nextnumber = num++; //add a general and a unique class to the list item containing the hook $(this).addClass(‘popup’ + ‘ ‘ + ‘pop’ + nextnumber); […]

选择开始日期后设置结束日期: 的jsfiddle 如何设置结束日期必须是开始日期后1天？ $(“#beginDate”).datepicker({ minDate: 1, changeMonth: true, dateFormat: ‘mm/dd/yy’, onClose: function (selectedDate, instance) { if (selectedDate != ”) { $(“#endDate”).datepicker(“option”, “minDate”, selectedDate); var date = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings); date.setMonth(date.getMonth() + 3); console.log(selectedDate, date); $(“#endDate”).datepicker(“option”, “minDate”, selectedDate); $(“#endDate”).datepicker(“option”, “maxDate”, date); } } });

使用JQuery-Ui Droppable定位拖动，删除和追加的项目: 我正在使用JQuery-ui draggable＆droppable。我想将删除的元素添加到drop-target容器中，同时保留它在删除时的明显位置。使用.html（）可以保留.draggable（）函数添加的位置数据，但由于它们成为新元素的子元素，因此它们会捕捉到相对于该元素的新位置。我试用了helper：clone，但发现它删除了所有定位信息。这是我的代码，它将删除的项添加到放置目标，并在每次删除上一个项时生成一个新的拖动项。它起作用，除了掉落元素的定位是错误的 – 它们应该保持它们在掉落时的视觉位置。 var $foo = 1; var bar = “drag-” + $foo; $(“.origin div”).addClass(bar); $( “.origin div” ).draggable({ containment: “.modal” }); $( “.droppable” ).droppable({ accept: “.origin div”, drop: function( event, ui ) { $(“.droppable”).append($(‘.origin’).html()); succeed(); } }); function succeed() { $foo++; var bar = “drag-” + $foo; $(‘.origin’).html(“Drag […]

Jquery自动完成：如何设置要发送到服务器的内容？: 目前，在输入内容后，服务器返回的内容如下： [{“id”:”1″, “value”:”My first character”},{“id”:”2″, “value”:”My second Character”}] 当我选择“我的第一个角色”并将表格汇总时，它会发送： array(1) { [“members”]=> string(18) “My first character” } 但我宁愿发送身份证。如何告诉.autocomplete发送id而不是字段的标签？（ JS代码）它必须简单，但我想念它。谢谢

如何更改工具提示背景颜色，工具提示在td中显示: 我有一个它显示鼠标结束时的tootltip，现在我想改变工具提示的背景颜色。有没有办法使用CSS或JQuery或使用类属性

如何正确拖动jqgrid编辑表单？: 当我拖动编辑表单时，表单的位置无效。始终从位置(0,0)到窗口。它的位置与鼠标光标位置无关。我怎样才能解决这个问题？这些是我的代码。 $(“#jqGrid”).jqGrid({ url: url, mtype: “GET”, postData: data, datatype: “jsonp”, colModel: [ { label: ‘d_id’, name: ‘d_id’, width: 15, key: true, hidden: true}, { label: ‘driver’, name: ‘d_name’, width: 30, align:”center”, editable: true, editoptions: {size: 40} }, { label: ‘phone’, name: ‘d_phone’, width: 30, align:”center”, editable: true, editoptions: {size: 40} }, […]