草庐IT

jquery-ui-css-framework

全部标签

javascript - 在 jQuery 模板中使用返回值

经过一些澄清后,我重述我的问题如下。在jquery模板中,我得到了某事。像这样使用函数的返回值很麻烦${$data.score=getScore(results)}{{tmpl(homeTeam,{score:score})"#scoreTemplate"}}是否可以简化-就像下面这样,不幸的是,这并不能解决问题?{{tmpl(homeTeam,{score:getScore(results)})"#scoreTemplate"}}非常感谢,罗布森 最佳答案 尝试这样的事情,{{tmpl(homeTeam,{teamRole:'ho

javascript - 如果用户更改了 CSS 样式,则触发事件?

我正在为IE9(Javascript)编写一个轻量级的htc程序。CSS3有一个名为transition的新属性,但它在IE9中不起作用。我正在尝试实现它,但我需要知道属性何时更改。我熟悉DOMAttrModified和onpropertychange,但如果CSS更改属性,它们不会触发:a{color:#FFF;}a:hover{color:#000;}如果您将鼠标悬停在anchor上,DOMAttrModified不会执行任何操作。我可以使用mouseover、mouseout、blur、focus、activate和停用并在每次发生属性更改时检查它们,但是如果:div:hover

javascript - 缩略图悬停缩放(放大)w/CSS3 和 javascript z 轴问题

我试图构建一系列在悬停时放大的缩略图。我的初步构建通过使用CSS3transform:scale和ease-in-out完成放大/缩放部分。问题是它们相互重叠,因为它们共享一个z轴。任何人都可以帮助我为这个场景创建一个javascript添加,正确地将每个缩略图定位在一个有意义的z轴上,即每个放大的图像调整大小以位于彼此图像的顶部。我网站上的演示:demo更新:已解决代码预览:html:CSS:#maindiv.hover{position:relative;z-index:200;display:block;-webkit-transition:all0.2sease-in-out;

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

javascript - jQuery,寻找一种更智能的初始化方式

我正在寻找一种更好的方法来管理大型项目中的全局组件/插件/小部件初始化。它有许多jQuery支持的组件,我想快速高效地初始化这些组件,在搜索互联网之后,我只真正找到了一些短视的例子,这些例子只在较小的网站上是现实的/高性能的。问题我想找到一种聪明而优雅的方法来摆脱它:$(function(){$('.widget-one').widgetOne();});$(function(){$('.widget-two').widgetTwo();});$(function(){$('.widget-three').widgetThree();});$(function(){$('.widget

javascript - JQuery - 将 .on 与元素插入结合使用

我有一个为特定对象创建工具提示的函数。目前,我在ajax插入后运行一个工具提示函数来创建和附加新的工具提示对象。我很好奇是否有一种方法可以使用.on()在插入时自动运行工具提示功能,而不是手动运行它。例如:$('[title]').on('inserted',function(){tooltip(this);});我做了一些阅读,看起来自定义触发器可能是可行的方法,但如果存在这样的东西我会很高兴:) 最佳答案 根据要求,这是伪代码。$(document).ready(function(){$('body').on('added','

javascript - CSS/HTML5 :hover state remains after drag and drop

我正在使用html5的拖放功能在屏幕上重新排列dom元素-我在执行此操作时将css行为附加到拖放的各种状态,但我遇到的问题是悬停状态保持均匀在我拖放和鼠标移出DOM元素之后。这是我的代码:JavaScript:functionaddDragListeners(){$('.segmentListItem').each(function(index){$(this)[0].addEventListener('dragstart',handleDragStart,false);//rolloverforcurrent$(this)[0].addEventListener('drop',han

javascript - Chrome DOM 未针对 jQuery 附加/淡入更新

从服务器获取新记录后,我使用jQuery1.7.2中的AJAX成功回调将新记录添加到列表并将其淡入。functiononSuccess(data,status,xhr){varrecord=$(template_html);//populate`record`with`data`values.body.append(record);//bodyisajQueryobjectfromclosurescoperecord.fadeIn('fast');}我在以下浏览器中对此进行了测试:IE8IE9Safari5.1.7火狐14.0.1Chrome21.0.1180.79歌剧11.64除Ch

javascript - MSIE9 -- 当同时调整宽度和填充的 CSS 时,输入/文本区域中的文本不服从当前填充

我有一个简单的脚本,可以分别在focus/blur的文本区域/输入中添加和删除padding-left。这是为了在字段左侧为一个绝对定位的小按钮腾出空间,而不会阻挡其下方的文本。[编辑]它还同时更改元素的宽度,以保持block的总大小一致。在几乎所有浏览器中,这都工作得很好,但MSIE9除外。[编辑]尽管框保持相同大小,表明两个属性的CSS已正确更新,但输入/文本区域中的文本表现得好像填充没有改变。我知道focus/blur事件的回调会正确触发和更新DOM对象的样式属性,因为获取属性的当前值总是会为您提供预期的值。即varfield=$(field);field.css({'paddi

javascript - 如何查找内存泄漏并调试 jquery/javascript 应用程序?

我正在尝试调试一个用jqueryMobile编写的相当大的应用程序,并且正在努力确定可疑的内存泄漏。我一直在上下运行所有​​功能的应用程序中纵横交错。一直以来,服务器内存使用情况都正常,除了一个页面之外的所有页面都工作正常。在有问题的页面上(小部件繁重的产品搜索和订购页面,使用JQMphotoswipe、multiview以及一堆其他插件)在大多数按钮停止工作之前都可以正常工作一段时间。按钮没有反应告诉我我需要检查我的jquery应用程序管理器,它也处理所有事件绑定(bind)。问题是,大约90k,我真的不知道从哪里开始,所以问题:是否有任何工具可以检查Jquery/Javascrip