草庐IT

Angular-ui-bootstrap

全部标签

javascript - 如何使用 JQuery UI 阻止 UI?

我一直在使用这个插件来阻止UI:http://jquery.malsup.com/block/这个插件工作得很好,只是如果jQueryUI没有做这样的事情我会非常惊讶,因为它必须有效地为它的对话框功能做同样的事情。如何使用JQueryUI阻止UI? 最佳答案 您可以做一些hacky-调用模态,然后在onopen回调中,remove()模态本身。$("#something").dialog({open:function(event,ui){$('.ui-dialog').remove();}});嘿!我说这是hacky:)或检查模态代

javascript - 无法让 jQuery UI 模态对话框成为模态

我无法让jQueryUImodal对话框像在demo中一样工作!考虑这个食谱:Firstopenamodalsomething').dialog({modal:true});returnfalse;">dialogThentrytohoverovermeAndclickme!当对话框处于事件状态时,第二个链接被正确禁用,但第三个链接(onclick)仍然有效!此外,将鼠标悬停在两个链接上时,浏览器的小手会出现。这不像演示...我做错了什么? 最佳答案 作为Pointy指出,这通常由jQueryUICSS控制。但是可以通过在CSS文件

javascript - Jquery Slider UI 动态步长

我有一个具有以下属性的slider:水平方向一个handle最少2最多65我的目标是强制用户仅在7个点(例如:“2、3、4、26、39、52、65”)之间进行选择,仅此而已。如何创建动态步长或如何只允许这些点作为slider步长? 最佳答案 为什么不使用只有7个点的slider,并用表格转换您的值:查看我的jsfiddle示例http://jsfiddle.net/bouillard/Uy5sD/ 关于javascript-JquerySliderUI动态步长,我们在StackOverf

javascript - ng-click 与 Angular 中的 watch

我有一个加载JSON文件然后使用该数据创建HTML5Canvas绘图的指令(即json数据包含文本、颜色、位置等内容)。我还有许多输入字段(文本、slider等),允许用户操作绘图。我看到我可以$watch这些元素中的每一个或使用ng-click并调用一个函数-有推荐的方法吗?一些可能相关的注释:表单元素和Canvas都是同一个指令模板的一部分表单元素对变化使用react,因此没有提交按钮这些表单元素值中的每一个都经过检查,可能会进行转换,然后修改json字符串。然后我调用一个刷新函数,用新数据重新加载我的Canvas。我也有可能以错误的方式处理这个问题......

javascript - Jquery UI 可放置 : How can I use different hoverClass values based on some logic?

我正在使用JQueryUIdroppable库功能,我想在用户将鼠标悬停在可放置的目标上时提供视觉用户反馈。为此,我可以轻松地使用hoverClass选项来指定当有可拖动项目悬停在上面时要使用的类。但我想做的是根据某些逻辑使用不同的hoverClass值。基本上,有许多区域是“可放置的”,并且有许多项目可以拖放-然而,并非所有项目都可以放置在所有区域上。因此,例如,如果转换有效,我想要一个绿色背景,如果转换无效,我想要一个红色背景。如何做到这一点?我知道我想使用什么逻辑,但是我可以在哪里添加逻辑。它显然需要在某个地方,我可以访问被拖动的元素,以及潜在的放置目标元素。到目前为止我的简单代

javascript - 在 Angular 中获取所选选项的 $index

例如:显然,这是行不通的:remove如果不在中继器中,如何访问$index? 最佳答案 您不需要跟踪索引,只需在removeCategory函数中从类别模型中删除selectedCategory:你的Controller可能看起来像这样JSFiddle:app.controller("myCtrl",['$scope',function($scope){$scope.model={selectedCategory:{},categories:[{title:"Cat1"},{title:"Cat2"}]}//init$scope.

javascript - 为什么 jQuery Mobile 使用数据 Angular 色属性而不是类?

这可能是一个幼稚的问题,但我正在学习jQueryMobile,不确定为什么所有内容都与data-role属性相关。似乎即使Angular色与样式相关,他们也在class上使用data-role我理解对于语义,data-role在很多情况下都有意义,但它似乎在这里被滥用了。这样的查找不会更慢吗?为什么他们使用data-role而不是class?感谢您的任何见解。 最佳答案 为什么数据他们可以简单地使用role作为属性(就像其他框架一样),但这会使生成的HTML无效。因此,一个data-被添加到每个属性名称。为什么不上课我认为这样做的主

javascript - Angular : Mixing provider and custom service in module's config/run

我想做这样的事情:angular.module('app',[]).config(['$httpProvider','customAuthService',($httpProvider,customAuthService)->$httpProvider.defaults.transformRequest.push(data)->ifcustomAuthService.isLoggedIndata['api_key']={token:@token}])根据Angularjsdoc,我不能在我的module的configblock中执行此操作,因为那里不允许自定义服务,我也不能在run中执

javascript - 如何使用 Angular.js 引导多个模块显示在同一页面上

我看过Googlegroups,angularjs.org以及一些严肃的谷歌搜索,但我没有找到任何明确的例子或解释我正在尝试做的事情。我想做的是使用多个模块将我的应用程序分解为多个View。我从在线阅读中知道您需要手动引导,但我仍然无法写入我目前有2个模块“thermostatApp”和“PeopleApp”,我想将它们附加到它们自己的容器中,如下所示:我想做的是像这样引导到每个容器元素:angular.element($('#peopleApp_container')).ready(function(){angular.bootstrap($('#peopleApp_containe

javascript - JQuery UI 自动完成 : . 数据(...)未定义 [但仅当我添加第二个自动完成框时]

我正在使用JQuery1.8.3和JQueryUI1.8.24。这是代码,工作正常:$(function(){$("#").autocomplete({source:function(request,response){$.ajax({url:'',type:"POST",dataType:"json",data:{searchPattern:request.term},cache:false,success:function(data){response($.map(data,function(item){return{label:item.Label,value:item.Valu