Tag: jquery ui

使用jQuery UI效果时，早期的DOM元素不会隐藏: 这是我早期的问题jQuery UI隐藏不对早期DOM元素生效的后续跟进。我几乎只编辑了那个，但不想让toffler 接受的答案无效。我写这个问题的方式，答案在技术上并没有错，但它并没有解决我的问题。回顾一下，我希望能够显示和隐藏div组。我显示给定组的策略是隐藏所有组（按类选择），然后取消隐藏我想要的组（再次，按类选择）。我的第一个问题的答案建议使用jQuery UI和核心jQuery中的hide()和show() / fadeIn() 。当我使用那些没有参数的函数时，隐藏按预期工作（由答案的片段certificate）。问题是，当我尝试重新添加效果类型时（即hide()函数的第一个参数），事情再次破裂; 下面的MCVE片段。具体来说，当隐藏然后在DOM中向下显示一组元素时，DOM中位于其上方的元素仍然可见。要从新加载的代码段中重新生成，请在“显示组A”后单击“显示组B”。（让事情变得更加混乱，再次单击“显示组B”可以按预期工作。）我想知道这是否与jQuery UI触及的引擎盖下DOM刷新行为有关- Firefox中的对话隐藏效果 – 闪烁和jQuery UI效果导致iframe重新加载，但我没有JS chops告诉我自己。导致这里潜在行为的原因是什么，如何在能够使用效果（以及可能的其他参数）的同时使其工作？ $(function() { $(“#showAll”).on(“click”, function() { $(‘.box’).fadeIn(); }); $(“#showA”).on(“click”, function() { $(‘.box’).hide(‘clip’); $(‘.groupA’).fadeIn(); }); $(“#showB”).on(“click”, function() { $(‘.box’).hide(‘clip’); $(‘.groupB’).fadeIn(); }); }); .box { border: 1px solid black; } Show […]

如何在AJAX调用之前显示JQuery UI对话框？: 我试图在使用JQuery执行AJAX调用时向用户显示一个对话框。我需要调用“async：false”，因为页面的其他部分依赖于数据，我不能包含“success”字段中所需的所有代码。使用Firefox和Opera，对话框显示正常，但在IE和Chrome中，它会等待页面完全呈现，并且根本不显示对话框。这是一个非常接近实际实现的示例，这是一个更大的项目，我试图将其剥离到最小化。 http://jsfiddle.net/mcraig_brs/eNMna/ 我想找到一种在启动ajax调用之前显示对话框的方法，并在完成后关闭对话框。 AJAX调用必须保持“async：false”。这可能吗？我该怎么做？任何帮助，将不胜感激。最终答案需要在IE8 / 9，Firefox和Chrome中运行。歌剧和safari将是奖金:) 为了回应其中一个回复，我修改了小提琴来表明我的意思： http://jsfiddle.net/mcraig_brs/BBhdS/

如何在jquery模式对话框中设置cookie: 我想在我的modal dialog中添加cookie，但我不知道如何。我想在24小时内添加cookies，有人可以帮忙吗？这是modal dialog的代码： $(function() { // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! if ($.cookie(‘showDialog’) == undefined || $.cookie(‘showDialog’) == null || $.cookie(‘showDialog’) != ‘false’) { $( “#dialog:ui-dialog” ).dialog( “disable” ); $( “.selector” ).dialog({ hide: “slide” }); $( “#dialog-modal” ).dialog({ width:860, height: 420, modal: true, resizable:false, draggable:false }); $.cookie(‘showDialog’, […]

在FF扩展名处使用新的jQuery Position实用程序脚本: 我试图在我的FF扩展程序中使用以下代码但没有成功： $(‘#duck’).position({ of: ‘#zebra’, my: “left top”, at: “left top” }); （职位手册在http://docs.jquery.com/UI/Position ）我也尝试过： var doc = gBrowser.selectedBrowser.contentDocument; $(‘#duck’, doc).position({ of: $(‘#zebra’, doc), my: “left top”, at: “left top” }); 两者都没有成功….另一方面，当我在网页代码本身尝试第一个代码示例时，它工作得非常好…… 任何人都知道是什么导致了这个问题？干杯和thx提前！ Nimrod Yonatan Ben-Nes

如何将可排序顺序传递给jQuery中的隐藏字段？: 我正在尝试使用下面的代码将可排序列表的值传递给隐藏字段，但没有运气： $(document).ready(function(){ $(function() { $( “#sortable1, #sortable2” ).sortable({ connectWith: “.connectedSortable” }).disableSelection(); }); var idsInOrder = []; $(“#form_quest”).submit(function(){ $(“ul#sortable2 li.card”).each(function() { idsInOrder.push($(this).attr(‘title’)); }); $(“#sort_order”).val(idsInOrder); }); }); html隐藏字段：我究竟做错了什么？提前致谢。

在jQuery UI Autocomplete中，`response`函数在哪里实现？: 我在JS和jQuery中都很新。在我的工作中，我遇到了jQuery UI Autocomplete小部件中的jQuery代码，我并不完全理解。我有两个关于这个代码的问题，这些问题被分成几个post（正如那篇metapost中的推荐）。另外，对不起，如果我的英语太可怕了，我会尽我所能。 🙂 这是代码： http ： //pastebin.com/NyG48Yb9 我明白了： autocompletefunction在一些input上运行，在我们的例子中是#searchBox 。函数get参数是一个对象，表示用户键入#searchBox时列表的行为。该对象有一个名为source的键，用于描述提供列表的资源。我不明白＃1： source键的值是一个回调函数，它获取两个参数： request和response 。根据jQuery UI自动完成API文档，第二个参数是：响应回调这意味着它是一个function。现在，根据关于回调函数的教程（是的，我做了一些研究：D），有一个函数A和一个函数B.函数A作为参数得到一个变量，它包含对指定为函数的函数的引用B当我们调用函数A时，函数B在函数A的范围内执行。在我的代码中，函数A是source代码中的匿名函数， response是回调函数。但我找不到任何response函数的实现。我的问题： responsefunction在哪里实现？我在哪里可以提供文档？非常感谢你。 🙂 我的另一个问题：在jQuery UI Autocomplete中，`source`键可以保存哪些数据源？

在Leaflet Maps Popup中启动Jquery UI对话框的问题: 在我的Leaflet Map中，我想将一个弹出窗口绑定到一个包含缩略图图像的图层。当用户点击缩略图时，会出现一个灯箱，其中包含该图像的较大版本。我选择使用Jquery UI中的对话框来执行此操作。到目前为止我所拥有的JS小提琴 /// I am using a leaflet JS Fiddle Template was provided by SO User Asad here: /// http://stackoverflow.com/a/13699060/3679978 /// I THINK I understand the concept he explained about dynamically generating Javascript. // Load Map stuff. var map = L.map(‘map_canvas’).setView([51.505, -0.09], 13); L.tileLayer(‘http://{s}.tiles.mapbox.com/v3/mapbox.mapbox-light/{z}/{x}/{y}.png’, { attribution: ‘Imagery from MapBox — © […]

如何在datepicker中获得所选年份？: 我使用birth_day作为输入名称birth_day 。我想计算当前年份和选定年份的年龄。 current_yr – selected_yr 但我不知道如何从日期选择器中获取所选年份。这是我的代码看起来像。 function dateYear(){ var d = new Date(); var year = d.getFullYear(); return year; } $(function() { $( “#id_birth_date” ).datepicker({ dateFormat: ‘yy-mm-dd’ }); //how can I get the selected year? }); 有没有人能给我一个关于我的案子的想法？任何帮助将不胜感激 … 提前致谢

Rails 3.2 jQuery可排序列表500错误与嵌套资源: 在关于可排序列表的Railscasts剧集之后（ http://railscasts.com/episodes/147-sortable-lists-revised?view=asciicast ），我已经掌握了所有内容，而不是在#show的模型上进行排序action正在显示列表，它是一个嵌套模型。我的网站是为了管理一个非常复杂的梦幻足球联赛。联盟的一个方面是，通用汽车有年薪限额，球员有价值，球员可以签订多年合同。无论如何，我正在创建一个选秀名单，让你添加球员并跟踪你想要尝试和选秀的球员。我希望这个列表可以排序。我使用has_many：through关系进行设置。以下是三种型号： class DraftRoster < ActiveRecord::Base attr_accessible :name, :team_id belongs_to :team has_many :roster_spots has_many :players, through: :roster_spots … end 然后： class RosterSpot < ActiveRecord::Base attr_accessible :draft_roster_id, :player_id, :position belongs_to :draft_roster belongs_to :player acts_as_list end 最后（这里有很多代码被移除，因为它不适用于这个问题）： class Player < ActiveRecord::Base attr_accessible :auction_value, :first_name, :last_name, :nfl_team, :position, :is_drafted, :is_bought_out, :is_extended, […]

将两个JQuery UI对话框放在一起: 我可以添加一个没有任何问题的JQuery UI Dialog。我想要做的是添加两个JQuery UI对话框，一个在另一个上面，屏幕中心“切割”两个对话框，使它们在屏幕上垂直居中。如果我添加： if(i > 0) { $(“#dialog” + i).dialog(“option”, “position”, {my: “top”, at: “bottom”, of: $(“#dialog” + (i-1))}); } 然后第一个对话框将以其下的第二个对话框为中心。有没有办法将第一个对话框的高度设置为高一半？