草庐IT

UI设计

全部标签

javascript - Ajax 使用 jquery UI 提交各种输入值,然后单击下一个按钮

我目前正在使用jqueryui选项卡和ajax/post提交,无需刷新页面。在一些指导下,我已经能够在单击下一步按钮时提交div#wmd-preview。问题是,当在各个选项卡中单击下一个按钮时,我还想同时提交其他字段。点击下一步按钮时,如何提交不同标签中各个输入字段的输入值?EXAMPLE(对于一些测试,我目前有其他输入字段通过keyup和计时器设置提交)JS-NEXT/Previous按钮与submit/ajax合并varcurrentTab=0;$(function(){var$tabs=$('#tabs').tabs({disabled:[0,1,2],select:funct

javascript - jQuery 工具提示 UI - x 秒后触发工具提示

这是我目前所拥有的:TooltipTestingsbody{margin:60pxauto;}p{padding:0;margin:4pxauto;text-align:center;}$(function(){$(document).tooltip({items:'.tooltip',show:100,hide:500,position:{my:'centerbottom',at:'centertop'},content:function(callback){varmsgid=this.id.split('_')[1];$.ajax({type:'post',url:'/toolti

javascript - 动态更改 jquery UI 对话框的大小

我有一个jquery对话框。我在对话框中显示一个asp.netgridview。我希望对话框的大小根据GridView的大小而改变。有一个按钮,点击它会显示对话框。我想设置对话框的大小,使gridview完全适合它。Ihavemyjavascriptcodebelow:$("#ViewModalPopup").dialog({height:800px,scrollable:true,width:800,modal:true});这里的#ViewModalPopup是包含模态弹出窗口的div。我尝试实现以下逻辑以根据div的大小调整对话框的高度:varmaxHeight=600;varc

javascript - Angular-UI-Router - 获取动态模板的内容

我正在使用angular-ui-router构建一个Angular应用程序。后端有一个RESTapi,它根据工单ID为我提供表单的url。在app.js中,我想根据对此REST服务的查询动态设置模板。示例:$stateProvider.state('form',{url:'/form/:id',templateProvider:function($resource,formResolver,$stateParams){//formResolvercallstheRESTAPIwiththeformidandgetsbackaURL.returnformResolver.resolve(

javascript - 使用 PhantomJS 进行响应式设计测试

我有一个javascript应用程序(RequireJSwithBackbone),我正在使用PhantomJS和Jasmine对其进行测试。在经历了很多痛苦之后,我终于可以运行简单的测试了。我正在使用基于此处找到的测试运行器run-jasmine.js.我的应用程序是响应式的,因为随着视口(viewport)宽度的变化,各种DOM元素的宽度也会发生变化。我知道当我创建用于测试的“页面”时,我可以在“run-jasmine.js”中设置视口(viewport)宽度。我想知道的是.....您是否能够以某种方式在单个测试套件中循环遍历一系列视口(viewport)宽度。使用“run-jas

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

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

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 - 集中导航的简洁设计?

上下文单页/ajax网络应用基本代码结构LocationManager(负责更新浏览器哈希并将应用程序位置切换到不同的磁贴)页面/磁贴流基本信息>家庭信息>车辆信息>购买选项>查看订单>输入付款并提交问题当用户从PurchaseOptions导航到ReviewOrder时,会进行长时间(5-8秒)的服务调用以计算订单详细信息。在调用解决后,回调旨在将用户导航到查看订单页面。问题是,如果用户在那段时间点击返回并返回到家庭信息,一旦调用解决,他们将“自动”进入审查订单。非常尴尬的用户体验。限制取消通话不是一种选择。需要一个解决方案来处理导航。当前提议的实现在调用calculateOrder

javascript - JavaScript UI 小部件的框架?

这个问题不太可能帮助任何future的访问者;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关,这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用,visitthehelpcenter.关闭10年前。我正在尝试将JavaScriptUI小部件框架列表放在一起以供在项目中考虑。理想情况下,它将是一个具有一系列现成的ui小部件的库,不依赖于dom/js扩展/操作框架(如JQuery或Prototype),最少的附加内容,如AjaxAPI和DOM选择器等。这是我目前所拥有的:qooxdoo,脚本客户端ExtJs谁能推荐其他值得一看的?请不要建议,JQuer

javascript - 在 jquery UI 中检测单选/复选框 'checked' 状态。底层按钮不更新

我正在使用jQueryUIbuttonwidget在我需要验证某些单选/复选框元素的表单中。根据提供的链接中的演示-Their(theoriginalelements)associatedlabelisstyledtoappearasthebutton,whiletheunderlyinginputisupdatedonclick.即使您检查我提供的示例页面,底层按钮元素也不会更新任何内容。注意-默认选中示例中中间的单选按钮。我正在使用以下代码来检测按钮状态-奇怪的是它总是正确的(我认为它是错误的)。$el=$("#someCheckbox");if($el.attr('checked