Tag: jquery ui

Jquery – 使用现有元素序列化drop和down组

更新:我改变了jsfiddle。 我确定该元素必须加载javascript / jquery才能获得jquery行为。 javascript寡妇的底部包含existing_js var,我认为应该用它来插入元素。 它被附加到适当的区域(#drop-area),但它仍然无法排序或能够将“字段”放入其中。 jsfiddle链接已更改为此新版本。 我有一个拖放序列化列表。 我拖着它进入我的“工作区”。 我刚在工作区添加了一个预加载的元素(“fieldset”)。 当我对工作区中的元素进行排序时,控制台日志会显示序列化的可排序数据。 现在,当我查看控制台日志(js窗口中的第118行)时,现有元素未列在序列化数据中。 我确定我必须以某种方式注册,但我不确定如何。 JSfiddle链接如下。 要重新创建该问题,请查看开发人员工具中的控制台日志。 将左侧菜单“Form Structure”下的任何元素拖到“Working Area”中。 拖放元素时(通过右上角的句柄),它会创建序列化数据的控制台日志。 它不考虑预先存在的可排序元素。 谢谢你看着它。 JSFiddle在这里! $(function() { $(‘#accordion’).find(‘.accordion-toggle’).click(function(){ //Expand or collapse this panel $(this).next().slideToggle(‘slow’); //Hide the other panels // $(“.accordion-content”).not($(this).next()).slideUp(‘slow’); }); function randomString(length, chars) { var result = ”; for (var i = length; i > 0; […]

DatePicker将文本放在按钮而不是图像上

jquery UI日期选择器将文本放在按钮上,而不是我尝试在Jquery中链接到的图像。 这在提交时以及IE 8处于兼容模式时发生。 有没有人遇到过这个? 这是我见过的最奇怪的事情。 任何人都知道为什么会这样吗? 让我向您展示一下我正在经历的事情。 之前, 后。 这是我用于DatePicker的代码 $(“.datepicker1″).datepicker({ showOn: ‘both’, buttonImage: ”, dateFormat: ‘mm/dd/yy’, changeMonth: true, changeYear: true }); 我遇到的一件事是我的jqueryvalidation器可能会覆盖一些东西……这是我的jquery代码…… $(“#temp1”).validate({ rules: { HospitalFinNumber: { required: true, minlength: 6 }, DateOfBirth: { required: true }, AdmitDate: { required: true } }, messages: { HospitalFinNumber: ‘Please Enter a Hospital Fin number’, DateOfBirth: […]

使用jQuery-File-Upload成功上载后运行SQL

我离开了我的舒适区,可以使用一些帮助。 我正在使用jQuery-File-Upload插件将文件上传到目录。 关于上传的成功,我想对我的数据库运行SQL查询。 我在哪里这样做? 这是回调吗? 我正在使用upload.class.php

可以在运行时将唯一ID添加到对话框中吗?

有没有办法在运行时为jQuery对话框分配一个唯一值,以便我可以使用分配的ID分别跟踪每个对话框? 我正在尝试与电话系统进行交互,在有电话呼入时我会显示一个对话框。 该对话框将有3个按钮供用户单击。 拾起 发送到语音邮件 忽视 如果用户点击三个按钮中的任何一个,则会向服务器发送Ajax请求,并且成功时关闭对话框。 但是,如果用户在对话框打开时等待响应时获得另一个入站呼叫,我想显示另一个带有另一条消息的对话框。 但是我需要在打开之前将呼叫ID“从服务器接收”分配给一个对话框,因此如果用户拿起他们的物理电话“没有点击对话框中的按钮”,我将发送一个dialog(‘close’)给予ID以代表用户关闭它,因为不再需要用户响应。 “我不想关闭所有对话框” 注意我有服务器端轮询更新当前手机状态的客户端“浏览器”。 所以使用这个我可以发出dialog(‘close’)但我希望我可以传递ID,以便客户端知道要关闭哪个对话框。 现在,在加载页面之前,在运行时创建/分配ID。 由于我不知道在加载页面之前ID是什么,我不能做这样的事情 我希望我可以为beforOpen框分配一个唯一的编号(例如123456),然后用唯一的ID 123456关闭该框。

调整div使用纯javascript或jquery放大缩小

我有一个页面显示div容器内的swf游戏 我需要在此页面中添加一个放大缩小滑块,以便用户可以使用滑块调整swf文件的大小 像这个页面滑块这样的例子: 替代文字http://sofzh.miximages.com/javascript/2pybaz5.png 喜欢这个页面http://www.agame.com/game/Snowflake-Puzzle.html 请帮忙 谢谢你提前

在jQuery UI日历小部件中突出显示日期

我有一个jQuery UI日历小部件,它显示在我的Web应用程序中。 我希望能够突出显示用户执行操作的当月的特定日期。 有没有办法做到这一点?

在ASP.Net MVC2中实现JQuery UI 1.8.2自定义主题

HI, 我是JQuery的新手。 我在实施同样的问题时遇到了问题。 我想使用JQuery自定义主题中的选项卡。 问题是css似乎不适用。 我在谷歌上经历了很多博客等,但似乎没有什么对我有用。 我跟着这里提到的。 我也在这里粘贴site.master和/home/index.aspx的内容。 Site.Master – 标题部分如下所示 ` 的Index.aspx: 主页 // Tabs $(‘#tabs’).tabs();` Tabs First Second Third Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea […]

jquery ui tabs关闭文本下方的按钮

我正在使用jquery ui标签 并使用它们具有动态关闭它们的function。 这里的示例页面点击了“添加标签”链接 在标签面板中添加标签… 现在在firefox中 ,关闭按钮显示在选项卡的文本下方 这会导致选项卡面板或选项卡正文中出现乱码 像其他浏览器一样,我如何在同一行显示它 使用的CSS是 .ui-tabs { padding: .20em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; height:27px; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; font-size:63.5%; } .ui-tabs .ui-tabs-nav li a { […]

使用iScroll进行Jquery自动完成

我在jqueryMobile应用程序上使用jQuery Autocomplete。 它完美地运作。 现在我正在尝试使用iScroll.js滚动查找项目列表。 这是我在做什么, 问题是iscroll仅适用于建议框的第一项,因为我无法滚动整个列表。如果我在代码中遗漏任何内容,请帮助我。 请帮我用iScoll来实现这个目的。 我找到了另一种方法,我们可以使用基于自定义触摸的滚动条自动完成框,但是有一个问题是自定义滚动条仅出现在第一次搜索时,当列表刷新时它会从suggastion框中消失,我该如何解决这个问题,因为两者都有在ipad和android中使用我的自动完成function对我来说很好。 如果有人认为这比使用iScroll和jScrollPane有更好的方法,我愿意接受建议。

onclick表单提交,打开jQuery加载图像,直到表单提交完成

你能提供一些建议吗? 我使用托管的SAAS CMS解决方案,使您能够使用Web应用程序系统创建基础应用程序。 我已经为会员创建了一个表单,可以将一堆图像和内容提交到他们自己的区域。 一切都很好,除非通过表单提交的图片很大,表单提交并转到感谢页面需要很长时间。 我已经在使用jQuery UI将表单分成5个步骤,并使用jQuery facebox插件进行教学弹出。 我的问题是,在提交表单时,显示加载gif(在facebox或其他建议的叠加层中)的最佳方法是什么? 谢谢你的帮助! 插口