草庐IT

系统UI

全部标签

javascript - 单击 jQueryUI 菜单项时无法将焦点设置到 jQuery UI 对话框中的表单字段

我有一个包含单字段表单的jQueryUI对话框,并且autoOpen属性在开始时设置为false。页面上还有另一个jQueryUI菜单,对话框的打开功能绑定(bind)到菜单项的单击事件。当通过单击菜单项打开对话框时,我一直试图将焦点设置到对话框的唯一表单字段,但不幸的是。为了查明原因,我还添加了另一个测试按钮,通过单击该按钮,我可以将焦点设置到表单字段。所以我很确定是jQueryUI菜单阻止了该字段的焦点。我想知道是否有任何方法可以规避此限制。任何见解表示赞赏。谢谢!html:Item1Item2OpenthedialogJavaScript:$("#dialog").dialog(

javascript - 使用 fb.ui 时如何检测用户取消的共享

我正在使用通过here提供的文档使用以下代码。共享对话框正确出现。问题是我无法区分用户在对话框中执行的“取消”和“发布”操作。我想这将是响应的一部分。FB.ui({method:'share',href:'https://developers.facebook.com/docs/',},function(response){if(response&&!response.error_code){console.log(response);}else{alert('Errorwhileposting.');}});编辑:控制台的输出不提供任何知道的方式Cancel-Object{e2e:"

javascript - Angular ui - 多次执行的选项卡 Controller

当我点击一个选项卡时,相应的Controller被执行了4次。这是为什么?例如DetailsPersonController的init函数执行了4次。应该只在选项卡的View加载后执行。HTML标签:状态:.state("p.search.details",{url:"/details",abstract:true,templateUrl:"app/modules/partials/p/search/details/details.html",controller:"DetailsController",controllerAs:"vm"}).state("p.search.detai

javascript - ui-grid 的高度问题

我想在angularJSui-grid上使用height:auto。我遇到了内联样式的问题,该样式在我添加ui-grid属性的div上设置了特定高度。还有一个名为getViewPortStyle()的函数,它动态地向.ui-grid-viewport类添加高度和宽度。关于应用于具有ui-grid属性的元素的内联样式,我尝试用height:auto!important;覆盖元素上的类.这与getViewPortStyle()异常(exception)情况完美,当窗口宽度或高度通过用户使用鼠标移动来操纵浏览器而增加或减少时触发。我的想法是覆盖ui-grid,这样getViewPortSty

javascript - 如何聚焦angularjs ui-select输入?

我的问题是我有一个带有ui-select下拉菜单的框模态。当模态出现时,我希望myUser可以使用键盘选择一个项目。但重点不在模态上。我怎样才能专注于ui-select的输入(重要,输入)?非常感谢。{{$select.selected.title}} 最佳答案 其实很简单。简单看一下documentation会告诉你的。自动对焦:加载时自动获得焦点。默认值为“假”因此,只需将其添加到您的html的第一行,例如希望这有帮助-干杯 关于javascript-如何聚焦angularjsui-

javascript - 改变 ui.bootstrap 工具提示箭头的颜色(附有 plunker)

这是plunker代码。http://plnkr.co/edit/C1khFJqTUutDaK9ad7ud?p=preview我需要更改工具提示箭头。示例中工具提示的位置是顶部、底部和左侧。谁能告诉我如何设置这些工具提示的样式。我需要为工具提示的不同位置对工具提示箭头进行不同的着色。例如tooltipattop->arrowcolorshouldberedtooltipatbottom->arrowcolorgreentooltipatleft->arrowcoloryellow谁能告诉我如何获取这些类并将颜色应用于这些工具提示。这是代码HTMLCSS.tooltip.tooltip-

javascript - UI-路由器 : param values not valid for state

githubrepo对于这个问题。我完全没有希望了。我创建了一个angular1.5.8应用程序,它在屏幕上显示Node。有两种类型的Node-文件夹和图片。当点击图片Node时,它应该使用ui-router传递params,我按照ui-router文档说的做.{{picture.url}}的插值和其他一切工作正常并提供正确的文件路径。奇怪的是,当我手动执行时,请转到:/picture/url它传递文件的路径。我得到的错误是:Paramvaluesnotvalidforstate'picture'app.config(function($stateProvider,$urlRouteP

javascript - 使用 JavaScript 检测客户端系统是笔记本电脑还是台式机

我想在我的网页如果是笔记本电脑的小部件中显示客户系统的电池状态和时钟。如果是台式机,我不想显示电池状态。时钟小部件工作正常。我还可以使用navigator.getBattery()获取电池详细信息。但如果是桌面,我不想显示小部件。那么,如何使用JavaScript检测客户端是使用Desktop还是Laptop?下面是navigator的内容,但没有详细信息来检测它是笔记本电脑还是台式机。console.log(navigator);{"vendorSub":"","productSub":"20030107","vendor":"GoogleInc.","maxTouchPoints"

javascript - 星级评分系统点击保存值(value)

我正在尝试制作一个星级评分系统,我有这段代码,我想对其进行一些更改,在用户单击星星后,它会显示一个警报,其中包含有多少颗星星并重置颜色,什么我想要的是在用户点击后保留颜色填充,并用星空下的div替换警报,这是我的代码:$(function(){$("div.star-rating>s,div.star-rating-rtl>s").on("click",function(e){varnumStars=$(e.target).parentsUntil("div").length+1;alert(numStars+(numStars==1?"star":"stars!"));});});.

javascript - 语义 react ui 弹出关闭按钮

我正在使用semantic-react-ui的Popup组件,我想知道如何在不使用jquery的情况下通过单击弹出窗口内的按钮来触发关闭弹出窗口事件。谢谢 最佳答案 根据docs,你必须创建一个受控的Popup。创建一个嵌套Popup组件的组件,并在其中维护一个状态:classControlledPopupextendsReact.Component{constructor(){super();this.state={isOpen:false};//statetocontrolthestateofpopup}handleOpen=(