草庐IT

UI交互

全部标签

javascript - 构建 jQuery UI 插件

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion除了官方文档之外,是否有任何推荐的学习构建jQuery插件的资源。我对为UI库构建插件特别感兴趣。我一直在寻找一些官方的来源,但我发现它们看起来彼此完全不同。许多没有得到很好的评论,很难说出哪些代码块是基本结构的一部分,哪些是特定插件所

javascript - 如何模拟 Jquery UI API?

我以前编写过基本的jQuery插件,但我正在努力解决更复杂的问题。我正在寻找模拟jQueryUI的API,它的工作方式如下:$('#mydiv').sortable({name:'value'});//constructor,options$('#mydiv').sortable("serialize");//callamethod,withexistingoptions$('#mydiv').sortable('option','axis','x');//getanexistingoption我试过以下方法:(function($){$.fn.myPlugin=function(cm

javascript - "' 数据(...).jquery-ui 中的选项 ' is null or not an object"

我正在使用jquery-ui1.8,并在InternetExplorer中收到此错误:WebpageerrordetailsUserAgent:Mozilla/4.0(compatible;MSIE8.0;WindowsNT6.1;WOW64;Trident/4.0;SLCC2;.NETCLR2.0.50727;.NETCLR3.5.30729;.NETCLR3.0.30729;MediaCenterPC6.0;.NET4.0C;.NET4.0E)Timestamp:Mon,10May201006:26:48UTCMessage:'data(...).options'isnullorn

javascript - 如何将 UI Kit 实现到网站中?

我有一个UI工具包的psd版本,我想在我的网站上将其应用到表单等中。它类似于下面的那个-这是MorganAllanKnutson(@rnorgan)的“Chutzpah”...我会展示我的,但我没有屏幕截图。不过,这将展示相同的概念。图片来自http://designmoo.com/2435/chutzpah-user-interface-kit/,您可以在其中下载他的工具包。我需要使用什么工具来做到这一点?我可以简单地使用CSS来完成,还是需要使用一些客户端脚本?或者,这真的只适用于移动应用程序吗? 最佳答案 本质上,设计部分将在

javascript - 触发事件的文本字段上的 Selenium,一种模仿人类交互的方式

我正在尝试测试使用angularjs创建的selenium网页。此页面上是用户将填写的文本字段。当用户在文本字段中输入时,angular将拾取每次击键并实时显示预览,准确地填写stackoverflow问题如何生成预览。:)我的问题是我不知道如何测试它。如果我单击文本字段并键入它,它就会工作。我已经尝试过,seleniumtype命令,typeKeys命令,使用mousedown和mouseup命令,然后使用typeKeys来尝试模仿用户键入。但是它们没有像没有触发事件处理程序一样工作。我需要模仿人类打字的方式,这样事件才会触发。这就是我的想法,但它不起作用。mouseDownname

javascript - JQuery-UI ToolTip 位置

是否有标准JQuery-UI工具提示(http://jqueryui.com/tooltip/)的工具提示位置跟随鼠标而不是单元格?当前位置基于包含“title”属性的页面元素,使用JQuery-UI(http://api.jqueryui.com/position/)中的位置规则。从我所看到的一切来看,这是不可能的。 最佳答案 查看track选项。Whetherthetooltipshouldtrack(follow)themouse. 关于javascript-JQuery-UITo

javascript - 如何获取模态框jquery UI的输入值

{%csrf_token%}如何从以下位置获取EMAIL值:到:从这里开始:functionshowDialog(){$("#dialog-modal").dialog({});} 最佳答案 使用对话框打开时调用的对话框打开事件...所以替换那里的值..$("#dialog-modal").dialog({open:function(event,ui){varboxInput=$("#befor-box").find('input[name="email"]').val();//getthevalue..$("#dialog-mod

javascript - Angular Run Block - 使用 UI-Router $stateProvider 来解析 Promise

UI-Router不同于Angular的ngRoute。它支持普通ngRoute可以做的所有事情以及许多额外的功能。我正在将我的Angular应用程序从ngRoute更改为UI-Router。但我不太清楚如何以编程方式注入(inject)resolve函数-我在Controller和config之外使用的代码片段。因此,使用标准Angular的ngRoute我可以在Angular运行中动态注入(inject)我的resolvepromiseblock:app.run(function($route){varroute=$route.routes['/'];route.resolve=r

javascript - Electron 对话框不会阻止与页面的交互

所以这可能是一个简单的修复,但我一直在研究但没有找到解决方案。我假设Electron默认这样做。在我的Electron应用程序中,我使用remoteapi从renderer进程调用对话框。一切正常,除了我的对话框不会阻止用户与BrowserWindow的其余部分进行交互。我的两个函数如下//functionforsavingaganttprojectprojectsareserializedintoaJSONfile//theJSONisthenstringifiedforhumanreadiblitythenthruthedialogapiissavedto//userscomput

javascript - 来自 React Material UI MenuItem 单击事件的 setState

我正在尝试使用MaterialUI根据下拉选择更改状态。问题是下面的代码(精简)返回列表项,所以我不知道下一步该做什么。从handleClose方法中的console.log(event.target)返回精简组件:事件从API调用中获取。感谢您的任何想法。importReact,{Component}from"react";importButtonfrom"@material-ui/core/Button";importMenufrom"@material-ui/core/Menu";importMenuItemfrom"@material-ui/core/MenuItem";cla