草庐IT

UI模板

全部标签

javascript - 如何在 jQuery UI 对话框上设置包含?

是否可以向jQueryUI的Dialog添加包含(限制到另一个元素的边界)? 最佳答案 @Mottie在正确的轨道上,但有一个更简单更好的解决方案:varcontainer=$('.dialog-container'),dialog=$('.ui-dialog');dialog.draggable("option","containment",container);与Mottie的解决方案不同,如果视口(viewport)调整大小,这不会中断。我fork了JSFiddlehere. 关于

javascript - 好的 jQuery Autocomplete 不是 jQuery UI 的一部分?

有没有jQueryUI自动完成的好替代品?我在互联网上找不到。jQueryUI对于仅使用自动完成功能来说太大了,我不想自己再推出一个自动完成功能。回答:仅自动完成的jQueryUI自定义构建为23,052字节。SOuses原来Zaeffererversion这被改编成jQueryUI自动完成。我想如果它对SO来说足够好,对我来说就足够了,它是从agarzolafork出来的在GitHub上。 最佳答案 Google搜索“jqueryautocomplete”产生了这个DevBridge(以及所有其他):http://www.devb

javascript - 带有嵌套对象数组的 mustache 模板

需要一些帮助来弄清楚为什么我的Mustache模板没有正确呈现。我很困惑为什么以下内容不起作用。我确定这是我的一个小愚蠢错误或其他什么...vartableRows=[{name:'name1',values:['1','2','3']},{name:'name2',values:['1','2','3']},{name:'name3',values:['1','2','3']}];vartemplate=$('#mustache-template').html();$('#target').append(Mustache.render(template,{rows:tableRows

javascript - 在 AngularJS 中加载时隐藏模板

从服务器加载数据时隐藏模板的更好解决方案是什么?我的解决方案是使用$scope使用bool变量isLoading并使用指令ng-hide,例如:angular还有别的办法吗? 最佳答案 您可以尝试使用ngCloak指令。检查此链接http://docs.angularjs.org/api/ng.directive:ngCloak 关于javascript-在AngularJS中加载时隐藏模板,我们在StackOverflow上找到一个类似的问题: https:

javascript - UI Router Extras 破坏了我的单元测试并出现意外结果错误?

问题:-为什么在安装ui-router-extras(不是普通的ui-router)时我的测试失败?-我怎样才能使用ui-router-extras并且仍然通过我的测试?如果您想快速安装它,请使用yeoman+angular-fullstack-generator+bowerinstallui-router-extrasIfoundasimilarissuewithnormalui-router.幸运的是,ui-routernormal在我的测试中运行良好。安装后ui-router-extras我得到一个错误如果我卸载ui-router.extras,这个测试就可以通过:$urlRou

javascript - AngularJS UI 路由器在工厂/服务中使用已解析的依赖项

我有一个UIRouter定义了这样的东西(为简单起见进行了trim):$stateProvider.state('someState',{resolve:{model:['modelService','info',function(modelService,info){returnmodelService.get(info.id).$promise;}]},controller:'SomeController'});此someState状态正在使用依赖于该model解析的工厂/服务。它是这样定义的,AngularJS在这里抛出一个Unknownprovider:modelProvide

javascript - 如何使用 ES6 字符串模板添加多个空格?

我有一个目前看起来像这样的字符串模板:varoption="\u00A0"+"\u00A0"+"\u00A0"+"\u00A0"+option.name;我正在尝试更改为新的ES6语法varoption=`${option.name}`但是当它出现在屏幕上时,ES6版本中没有任何空格,或者在我指定它的字符串上没有4个空格缩进。该问题可能与我在select中将这些字符串用作options有关。有什么想法吗? 最佳答案 在第一个示例中,您使用了不间断空格(\u00A0),在第二个示例中使用了普通空格(\u0020)。因此,除了更改语法外

javascript - jQuery UI 对话框,在按钮旁边添加元素

jQueryUI对话框的一个优点是它有一个按钮选项,可以自动将它们正确定位。我只是想知道:我能以某种方式将元素放在按钮旁边吗?我有一个小的Ajax-Loadergif,我想在对话框的左下角显示,而按钮留在右下角?我知道我可以删除按钮并在HTML中手动创建它们,但是由于jQuery已经为我处理了定位和样式,所以如果有意义的话我想保留该功能。$("#newProjectDialog").dialog({bgiframe:true,resizable:false,width:400,modal:true,overlay:{backgroundColor:'#000',opacity:0.5}

javascript - 在浏览器调整大小时重新定位 jQuery UI 自动完成

如果您打开自动完成下拉菜单并调整浏览器窗口的大小,自动完成下拉菜单不会重新定位,则会出现问题。此视频中突出显示:http://www.youtube.com/watch?v=d7rZYH0DgWE我查看了文档,但找不到可以在$(window).resize()函数调用中调用的重新定位方法(在jquery-ui文档http://jqueryui.com/demos/autocomplete中)。这有什么优雅的灵魂吗? 最佳答案 我建议只关闭页面调整大小的结果。$(window).resize(function(){$(".ui-aut

javascript - 替代 jquery ui

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。我目前是一个通过javascript高度依赖某些ui功能的网站。例如验证Web表单或打开模式弹出窗口的能力。我正在使用jquery。过去我曾为此使用jqueryui,但我现在正在寻找其他选择。这样做的主要原因是jqueryuijs文件的大小,我觉得对于我使用的少数功能来说这个文件很大。我了解该文件包含我不需要的其他UI功能。对UI验证和模式弹出框架有什么建议吗?