草庐IT

view-ui-plus

全部标签

javascript - 如何使 jQuery UI 对话框占据整个窗口并动态调整以适应窗口大小的变化?

目前,我可以将width属性设置为auto以获取窗口的整个宽度,如果窗口大小发生变化,它会自行动态调整(例如,重新调整浏览器窗口的大小或将其显示在不同的屏幕尺寸上)。示例:http://jsfiddle.net/NnsN2/但是,我无法让height正常工作。它始终是适合内容的最小高度,即使我已尝试将其设置为auto。首先获取窗口高度($(window).height())并将其用于height的通常方法在这里不起作用,因为它会是静态的,不会动态适应窗口大小的变化。如何使高度始终占据窗口的整个高度,并能够适应窗口大小的变化? 最佳答案

javascript - 具有绝对位置和底部属性的 jQuery UI 可拖动

我正在使用jQueryUI创建一个可拖动的.使用CSS绝对定位到右下角或左上角:.dragbox{position:absolute;width:140px;min-height:140px;/*Ineedtousemin-height*/border:3pxsolidblack;padding:10px;}.bottom{bottom:5px;/*causesboxtoresizewhendragged*/right:5px;}.top{top:5px;/*doesnotcauseboxtoresize*/left:5px;}HTML看起来像这样:BottomBox:(TopBox:

javascript - 在 ui-router 中从较低状态覆盖较高状态的布局 View 会导致 ui-view 为空

我正在尝试使用ui-router使用嵌套状态创建基本布局系统。我想要的是,任何“子状态”都可以覆盖顶级状态的“布局”部分,以便可以根据站点区域使用不同的站点布局。给定以下system/server/views/index.html:和两个布局互换到上面:系统/公共(public)/View/布局/standard.html:system/public/views/layouts/full-width.html:示例内容系统/public/views/index.htmlsomesamplecontent最后是路由器:function($stateProvider,$urlRouterP

javascript - jQuery slideDown 与 jQuery UI .show ('slide' )

我正在尝试利用jQuery的内置效果功能来创建一个从导航栏后面滑出的“抽屉”,将其下方的内容推开。如果我使用$('#drawer').slideDown(),内容会被推开,但实际上并没有“向下滑动”。更像是一擦就暴露了内容。如果我使用$('#drawer').show('slide',{direction:'up'}),内容会正确地向下滑动,但是元素下方的所有内容在效果发生之前跳开。有没有办法结合这两者的优点来复制我正在寻找的效果:一个滑出的抽屉,将下面的内容推开?我研究了jQueryUI的.animate()函数,但文档没有帮助。我使用它的粗略努力充满了失败。如果有人问,抱歉,我无法

javascript - 在一个 View 中模板化两个模型 - Backbone/Marionette

我正在尝试在一个View中使用两个模型,并在模板中同时使用这两个模型。我在和Marionette一起工作。这是我对View的初始化:main_app_layout.header.show(newAPP.Views.HeaderView({model:oneModel,model2:twoModel}));这是我的看法:APP.Views.HeaderView=Backbone.Marionette.ItemView.extend({template:'#view_template',className:'container',initialize:function(){//Thisco

javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

JQueryUI选项卡由无序列表中的命名anchor实现。当您将鼠标悬停在其中一个选项卡上时,您可以在浏览器底部显示的链接中看到:http://mysite/product/3/#orders例如,上面是“订单”选项卡。JQuery显然会拦截对该anchor的点击并改为打开选项卡。但是,如果我将上面的链接添加为书签或从网站的其他地方链接到它,该页面不会在特定选项卡上打开。在选项卡初始化block中,我正在考虑放入一些代码来查找URL中的命名anchor,如果找到一个,则对选项卡进行索引查找并在其上调用选择。这意味着它仍然可以在JS关闭的情况下工作。但是有没有更简单/更好/更好的方法?

javascript - 如何在 Ember.js 中手动更新 View ?

我在我的应用程序中使用Ember.js,但有一点我更新了View上下文(Controller)的属性,但在更新之后有一个解析器(MathJax)查看更新的dom字段将其解析为数学。然而,即使更新正在进行,它也会在mathjax查找更新之后发生。我需要做的是在我告诉mathjax解析html之前强制ember更新View或等待ember更新。有办法实现吗? 最佳答案 这是一个相当常见的用例。要指定在传播属性更改后应执行的代码,请使用观察者。Ember在成功传播更改后触发观察者。例如:App.MathView=Ember.View.ex

javascript - Angular js - 幻灯片 View 但不是主页 - ng-animate

我正在使用ng-animate来滑动应用View,所以每条路线都会滑动自己的View,这是我的简单代码:html:CSS:/*Animations*/.slide{left:0;}.slide.ng-enter{transition:0.15slinearall;position:fixed;z-index:inherit;left:-100%;height:inherit;}.slide.ng-leave{transition:0.15slinearall;position:fixed;z-index:9999;right:0;}.slide.ng-leave-active{tran

javascript - Rails 通过 ajax 提交表单并更新 View

我想在不重新加载页面的情况下更新通过ajax提交的表单并根据它更新View。我尝试了不同的方法,但都失败了,因为我是Rails的新手。情况是这样的。模态defnew@new_entry=current_user.notes.build@words=current_user.notes@notes_false_list=current_user.notes.where(known:false).order("title").group_by{|note|note.title[0]}@notes_true_list=current_user.notes.where(known:true).

javascript - 使用 npm install 导入 jQuery-ui 和 jQuery

这里对npm有点新..我想在我的项目中使用jQuery-ui。我习惯于在我的HTML中使用脚本标记导入jQuery和jQuery-ui,但我想使用npminstall导入两者。我使用jQuery。import$from'jquery'但每当我尝试导入jquery-ui时,我都会收到此错误:UncaughtReferenceError:jQueryisnotdefined关于此错误的帖子很多。但所有这些似乎都以人们为中心,只是将他们的jQuery和jQuery-ui脚本标签按错误的顺序放置。我找不到任何关于如何使用npminstall安装jQuery和jQuery-ui的信息?有什么想法