Tag: 小部件

选择后如何防止关闭菜单?

我正在使用jQuery自动完成小部件,并且受到这个问题的启发,为了防止选择后关闭菜单 ,我想出了这个代码: $(#input_field).autocomplete({ select : function(event, ui) { // I also tried to run ‘ui.item.data( “item.autocomplete” );’ and it happens // the same thing (keep reading for more information). ui.item.option.selected = false; }, … }); 它的工作原理:选择后菜单没有关闭。 但是,我收到以下错误(在Firebug控制台中): TypeError: ui.item.option is undefined 即使使用option.selected = false我TypeError: option is undefined得到TypeError: option is undefined但它按预期工作。 我怎么解决这个问题?

使协议无关jquery ajax调用

我们有一个嵌入各种网站的小部件。 我们希望小部件根据我们嵌入的网站的协议(http或https)对我们的服务器进行ajax调用。 有这样做的常见做法吗? 使用协议不可知URL(见下文)不起作用: $.ajax({ url : ‘//cdn.example.com/serviceName’, … });

jquery小部件,_create或_init

一些jquery插件扩展小部件使用_create方法,而其他人使用_init方法,有人可以解释两者之间的差异吗? 关于什么时候更好地扩展小部件或直接扩展jquery.fn的任何指导?

我在哪里可以找到Javascript / jQuery中的时间范围小部件?

我正在寻找Javascript / CSS / jQuery中的某种TimeRange小部件。 我不是在寻找广泛使用的时间/日期选择器。 我需要一个网站,允许企业通过点击并在他们打开的时间内盘旋来选择他们的开放时间。 +—————————–+ | 0h 0h15m 0h30m … 23:45 | +—————————–+ 有人见过这么好看的可定制时间范围选择器小部件吗? 干杯

只调整一个gridster小部件可resize

是否有可能只使一个gridster小部件可resize? 我已经做到了,所以用户可以点击小部件标题,以便它扩展和收缩。 我想这样做,以便在扩展小部件时,它可以resize。 可以这样做吗? 如果是这样,怎么样?

在渲染发生后以编程方式应用jquery(移动)css类

jquery mobile将根据页面加载时的数据属性自动为页面上的元素应用css和一些html。 我通过ajax调用拉入一些html内容,但是在jquery mobile js呈现之后它被引入页面,因此没有获得许多css类。 是否可以只调用js并要求渲染应用于我的新html内容? 之前 Some title Some text 后 Some title Some text

需要知道jQuery UI Widget是否已应用于DOM对象

我正在使用jQuery并与jQuery UI进行一些交互,我需要获取选项。 但是,有可能jQuery UI函数尚未应用于DOM对象。 当我访问一个选项时,我现在收到一个JavaScript错误。 我有一个DOM对象,它附带了进度条( http://docs.jquery.com/UI/Progressbar )(也许)。 在另一个线程中,我正在尝试使用domObj.progressbar(“option”, “value”)访问这些选项。 如何确定domObj是否附加了progressbar ?

是否有一个Jquery选项卡控件可以很好地处理多行选项卡?

我有一个Web应用程序,其动态数量的选项卡介于2到20之间。 我目前正在使用Jquery UI的选项卡插件,但发现它的行为不如理想(即大约12个选项卡,当它换行时,第二行选项卡随选项卡选择移动,有时跳过3行而不是2行。 这是一个双重问题,首先,有人知道如何在选择更改时停止第二行标签跳转。 或者,有人知道jQuery的标签插件可以很好地处理多行标签(如果我找不到解决方案,我可能最终使用ExtJS或类似的东西,但试图保持这个应用程序相当轻量级)。 回答 进一步调查后发现这是由我使用的Jquery UI主题引起的,这是有问题的风格: .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } 我刚刚删除了padding-bottom:.1em并解决了问题(线索是第二行元素随着选择的变化而移动)。

使用jqueryvalidation插件validation多选

试图弄清楚为什么我的收件人multiselect没有在表单提交上validation。 应至少选择1人。 我已将它设置为必需true但仍未显示错误。 http://jsfiddle.net/mMZYT/ JS: var validateform = $(“#pmForm”).validate({ rules: { recipient: { required: true }, bcc: { required: true }, subject: { required: true }, message: { required: true } }, invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1 ? ‘You missed 1 field. It […]

仪表板跨域AJAX与jquery

嘿大家,我正在为Apple的Dashboard创建一个小部件,我在尝试使用jquery的ajax函数从我的服务器获取数据时遇到了问题。 这是我的javascript代码: $.getJSON(“http://example.com/getData.php?act=data”,function(json) { $(“#devMessage”).html(json.message) if(json.version != version) { $(“#latestVersion”).css(“color”,”red”) } $(“#latestVersion”).html(json.version) }) 服务器用这个json响应: {“message”:”Hello World”,”version”:”1.0″} 但是出于某种原因,当我运行它时,小部件上的字段不会改变。 从调试开始,我了解到小部件甚至没有向服务器发出请求,因此我认为Apple有一些外部URL阻塞。 我知道这不可能是真的,因为很多小部件都打电话回家检查更新。 有没有人对什么可能是错的有任何想法? 编辑:此外,此代码在Safari中完美运行。 根据Luca的要求,这里是正在运行的PHP和Javascript代码: PHP: echo $_GET[“callback”].'({“message”:”Hello World”,”version”:”1.0″});’; 使用Javascript: function showBack(event) { var front = document.getElementById(“front”); var back = document.getElementById(“back”); if (window.widget) { widget.prepareForTransition(“ToBack”); } front.style.display = “none”; back.style.display = “block”; stopTime(); if (window.widget) { setTimeout(‘widget.performTransition();’, 0); […]