草庐IT

jquery-ui-css-framework

全部标签

javascript - 使用 css 和 javascript 将 div 翻转 180 度

我想使用触发css动画的javascript函数将div翻转180度。我的div有以下声明:.start-photo-thumb{position:relative;float:left;background:#444444;height:192px;width:192px;margin-right:10px;margin-bottom:10px;perspective:1000px;animation:rotating0.6slinearinfinite;animation-play-state:paused;}@keyframesrotating{from{transform:ro

JavaScript 通过一些比较器对 DOM 元素进行排序,没有 jQuery

想象一些DOM元素:BazFooBar如果不使用jQuery,如何使用JavaScript对这些元素进行排序?类似于:document.getElementById('list').sort(function(li){returnli.dataset.index;}); 最佳答案 您应该使用弹性盒的排序功能。这将允许重新排序元素,而无需在DOM中四处移动它们。这涉及设置CSSorder属性。参见https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes了

javascript - JQuery Tooltipster 隐藏它附加的元素

我正在尝试在我的Asp.netMVC应用程序中使用JQueryTooltipster。我尝试添加工具提示的内容是通过JavaScript动态生成的。查看:varengName=document.getElementsByClassName("dhx_matrix_scell");for(vari=0;i我的索引顶部:$(document).ready(function(){$('.tooltip').tooltipster({multiple:true});});工具提示确实有效,但它没有出现在正确的位置,也没有显示使用工具提示类的元素。图片供引用: 最佳答

javascript - Uncaught Error : [$injector:unpr] Unknown provider Ionic Framework/AngularJS

在localstoragetutorialontheIonicblog之后,我试图在我的Ionic应用程序运行时设置/获取localStorage值,但我收到错误消息:UncaughtError:[$injector:unpr]Unknownprovider:$localstorageProvider我的app.js代码:angular.module('starter',['ionic','starter.controllers','starter.services']).run(function($ionicPlatform,$localstorage){$ionicPlatform

javascript - ECMAScript Promise.all 方法适用于 jQuery.Deferred。为什么?

我正在研究JavaScript中的Promises。我很感兴趣能否将ECMAScriptPromises与其他实现结合起来,例如jQuery$.Deferred。当Promises.all与jQuery$.Deferred一起正常工作时,我感到很惊讶。我试图在jQuery源代码和CommonJSPromises/A规范中找到答案,但我仍然误解了为什么这段代码按我预期的方式工作(在10秒后执行console.log,而不是5秒):varpromise=newPromise(function(resolve,reject){setTimeout(function(){resolve();/

javascript - 警告 : Tried to load angular more than once. ..因为 jQuery...为什么?

我想了解这里发生了什么。警告是不言自明的,我意识到在应用程序中,使用下面的代码和结构,它会运行ng-view两次('test'将在控制台中记录两次,所以Angular当然会加载两次!)....但为什么?我已经阅读了所有我能找到的关于它的帖子,它似乎归结为在angular之前加载jQuery。如果我遗漏了jQuery或者如果我在angualr之后加载jQuery(据我所知这不是好的做法),没问题。我想让jQuery支持某些功能(特别是ui-sortable)。而且,虽然它似乎并没有真正引起任何问题,但我不想让它运行我的ng-view两次。我是不是在结构上做错了什么,或者我是否缺少解决此问

javascript - 语义 UI 边栏和下拉菜单

我正在尝试使用语义ui创建一个简单的webui。我想要一个带有菜单的侧边栏,在某些项目中会有子项目......应该不会那么难吧?http://jsfiddle.net/ycm8ctfx/ExampleMessages如何让子项目在正常页面内容上“飞出”侧边栏?如果您在示例中单击“消息”,将出现菜单(观察底部出现的滚动条),但由于它们是侧边栏的子项,因此它们显示在侧边栏中。但我希望它们漂浮在正常内容上!我没有通过摆弄z-index来让它工作。 最佳答案 如果侧边栏被配置为使用overlay过渡,它可以通过指定来修复.ui.sideba

javascript - 通过使用带有 CSS 的图像显示背景网格

UPDATEDDEMO工作得很好,除了当我改变时背景图像正在调整大小:background-size:20px20px;是否可以保持原图大小,让背景图重叠(隐藏图片超出左上框(20px20px)的部分)?B计划是在设置的base64图像内容中用JS裁剪图像... 最佳答案 使用只有左边框和上边框的svg图像可能就是您要找的东西?检查片段,或这个jsfiddle(fiddle包含放大/缩小网格的按钮):body{background:url('http://testbed.nicon.nl/img/_FBs3b.svg')repeat

javascript - 如何从其他 Controller 关闭 Angular-ui 模式

我正在使用Angular-ui弹出一个带有表单的模式。我的代码是:app.controller('NewCaseModalCtrl',['$http','$scope','$modal',function($http,$scope,$modal,$log){$scope.items=['item1','item2','item3'];$scope.open=function(size){varmodalInstance=$modal.open({templateUrl:'modal-new-case.html',controller:'ModalInstanceCtrl',size:s

javascript - Jasmine jQuery : Check if element is visible

你好,我有一个关于使用Jasmine(插件:jQuery)进行单元测试的问题我如何测试对象是否在文档的DOM中。问题是我使用了一个工具提示功能,只有在模拟事件时才会激活。当有模拟效果时,一个对象被附加到DOM上,我想检查它是否可见。it("test1:shouldinvoketheTooltip()function.",function(){spyEvent=spyOnEvent('.span_width',"mouseover");$('.span_width').simulate('mouseover');expect('mouseover').toHaveBeenTriggere