草庐IT

UI工具

全部标签

javascript - jquery ui 选项卡的主要样式更改

我正在使用jqueryUI选项卡,我需要主要更改其样式。我需要更换背景图片、边框,几乎所有东西。我需要它看起来最小,而不是独立的。执行此操作的最佳方法是什么?但是,我需要为日历小部件使用默认的UI样式,它位于同一页面上。我做了很多研究,似乎每个人都指向主题滚筒。但是,我不只是想更改颜色和边框半径。我需要删除废话。theme-roller似乎只是改变颜色之类的东西(对现实世界并不是很有用)。如何在不更改同一页面上其他UI小部件样式的情况下为选项卡调整css(我希望日历保持原样)?是否值得为我的选项卡使用jqueryUI? 最佳答案 您

javascript - 更新 observableArray 不会更新 UI

我在ko2.0中使用无容器流量控制。当我更新我的observableArray中的项目时,它不会更新UI。我正在像这样更新数组:this.editFormHost=function(formHost){...formHost.HostName=newHostName;this.formHosts[index]=formHost;}我认为它不会更新,因为按索引更新数组不会调用ko中的任何内容。从看thedocumentation看起来没有更新对象的方法,而对象又会更新UI。或者有吗? 最佳答案 这是一个演示如何替换observable

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 - Popper.js 下拉菜单/工具提示的初始位置错误

如果点击触发器,我使用popper.js显示更多帖子类别。但是我点击之后,初始位置是错误的(更右)。当popper打开并且我滚动popper的位置时更新-这个状态需要是初始的。我发现popper的CSS位置变换对于我的使用计算错误。但不明白,为什么在滚动或任何窗口调整大小后重新计算为正确的数字。检查下面的Codepen。我的JS:$(function(){varelement=document.getElementById('more-cats');vardropdown=document.getElementById('tooltip');varcatsTooltip=newPopp

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

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

javascript - Bootstrap 工具提示隐藏选择器/切换元素

我正在使用Bootstrap2.3.2。我的工具提示按预期显示,但是当悬停在触发元素上时,工具提示和触发元素都被隐藏了。display:none的内联样式应用于触发元素。诊断发生这种情况的最佳方法是什么?我担心这可能是另一个JS库发生冲突,但我不确定如何捕获将display:none添加到触发元素的事件。 最佳答案 我实际上发现这是Prototype和Bootstrap2.3之间交互的命名空间冲突。https://github.com/twitter/bootstrap/issues/6921最好的办法是暂时在bootstrap.j

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 - 将 jqGrid 自定义导航添加到顶部工具栏

是否可以将导航项添加到jqGrid中的“toppager”?如果是这样,这样做的语法是什么?我的页面上有一个HTML片段,看起来像这样然后是一个看起来像这样的jqGrid初始化$('#mygrid').jqGrid({...,//fullconfigstringremovedforbrevity,pager:jQuery('#mygrid'),toppager:true});$('#mygrid').jqGrid('navGrid','#mygrid_pager'),{'add':false,'del':false,'edit':false,'search':false,'refres