草庐IT

UI工具

全部标签

javascript - 我可以使用 Chrome 开发工具添加资源吗?

我正在使用Chrome查看网页。原始来源不包括jQuery,但使用一些jQuery函数来检查DOM确实很有帮助。更改源以包含jQuery脚本会很痛苦,因此是否可以在页面加载后使用Chrome开发人员工具将jQuery加载到DOM?或者,是否有可以执行加载的原生JavaScript函数?我试图编辑head标签以包含标记,但这实际上并没有加载jQuery.min.js文件。不幸的是,Modernizr和其他Assets加载器也不包含在源代码中。 最佳答案 您应该能够在您的JS控制台中运行它。varjq=document.createEl

javascript - 为什么 function(){} 不起作用,但 (function(){}) 起作用? (Chrome 开发者工具/节点)

这个问题在这里已经有了答案:Explaintheencapsulatedanonymousfunctionsyntax(10个答案)关闭7年前。我现在看到了这种我无法定义的奇怪行为function(){}或function(a){console.log(a)}它抛出一个UncaughtSyntaxError。但是test=function(){}或(function(){})确实有效。Safari开发工具有更好的错误报告:它说SyntaxError:Functionstatementsmusthaveaname.好吧,如果您永远不会使用它,那么定义这样的函数是没有意义的。但这仍然很奇怪

javascript - HighCharts:标签在工具提示上可见

我图表上的标签显示在工具提示上,看起来不太好。我尝试使用zIndex,但没有结果。如何使工具提示不透明?这是我的jsFiddle:http://www.jsfiddle.net/4scfH/3/$(function(){varchart;$(document).ready(function(){chart=newHighcharts.Chart({chart:{renderTo:'graf1',plotBackgroundColor:null,plotBorderWidth:null,plotShadow:false},title:{margin:40,text:'Podílvšech

javascript - 如何使 jQuery UI 可排序的 div 仅从图标中拖动?

我使用了一些jQueryUI可排序插件,但我总是发现同样的问题,我无法在可排序DIV中选择或单击,所以,也许我可以通过在只能拖动的地方放置一个图标来找到解决方案div,这样您就可以选择其他部分。怎么做? 最佳答案 在您的每个可排序项目中,包括您想要的任何内容作为您的句柄。(IE、img或样式化的span。)为handle元素指定一个类名—handle可能是一个不错的选择。在您的sortable构造函数中,将handle选择器设置为您为句柄指定的类。$('#div').sortable({handle:'.handle',cursor

javascript - jQuery UI : TypeError: $(. ..).accordion 不是函数

由于某些原因,jQueryUIAccordion不工作。我不断收到此错误:TypeError:$(...).accordionisnotafunction我做错了什么?根据本网站上关于类似主题的其他答案,我认为它与包含的文件有关。我的标题包括:css/base_con.css">css/skeleton.css">css/layout.css">images/favicon.ico">images/apple-touch-icon.png">css/custom-theme/jquery-ui-1.10.0.custom.css"type="text/css"/>js/jquery-1

javascript - kendo ui中如何取消选中网格记录

我正在选择数据绑定(bind)事件的ListView记录。我在数据绑定(bind)中编写了以下代码vargrid=$("#grid").data("kendoGrid");grid.select(grid.tbody.find(">tr:first"));现在我想动态取消选择网格。我该怎么做? 最佳答案 使用clearSelection:vargrid=$("#grid").data("kendoGrid");grid.clearSelection(); 关于javascript-ken

javascript - Angular ui-grid 事件 : row selected

我正在尝试根据用户界面网格上一行的选择来启用/禁用按钮。如果未选择任何行,则该按钮将被禁用。我找到了这个plunkr使用旧的ng-grid方式在选择一行后触发事件。$scope.gridOptions={data:'myData',selectedItems:$scope.selections,enableRowSelection:true,afterSelectionChange:function(){if($scope.selections!=""){$scope.disabled=false;}else{$scope.disabled=true;}}};不幸的是它不起作用,我在u

javascript - Jquery UI 可拖动 : Align helper to mouse position

使用jQuery我有一个可拖动的元素。这是一个大小为200x40的div。当然,用户可以通过点击div中的不同位置来开始拖动这个div。我想要的是当startdrag事件发生时,助手(克隆)div将始终以相同的方式与光标对齐,无论用户在div中的何处开始拖动。所以在mousedown之后,助手的top和left值需要与鼠标x和y相同。我已经使用这个coffeescript代码试过了:onStartDrag:(e,ui)=>ui.helper.cssleft:e.clientXtop:e.clientYconsole.log(e)但它不起作用,我猜这是因为我输入的值由于鼠标移动而直接被可

javascript - 了解 UI 何时在 React/Redux 中准备就绪

我想知道我的应用需要多长时间才能“准备好”供用户与其交互。应用加载的时间线包括以下内容:DOM加载。初始React渲染。从各种componentDidMount()s触发的HTTP调用HTTP调用返回。使用HTTP响应更新Redux状态。React使用来自HTTP响应的新值呈现。所有初始加载已完成。用户已准备好与该应用进行交互。在此过程结束时,我想触发一个跟踪事件来记录window.performance.now()的值。我不确定最好的方法是什么。React的组件系统很好地解耦了UI的各个部分。在这种情况下,不幸的是,这意味着我不会有一个简单的地方来检查以了解“是否已使用新数据呈现所有

javascript - 如何保存Chrome的Coverage工具分析的结果?

乍一看,它似乎是一个非常有用的工具,但是我找不到任何操作,如Save或类似的选项。有谁知道是否可以保存Chrome的Coverage工具分析的结果?谢谢 最佳答案 正如上面的评论和markedduplicate中提到的,一个featurerequest已为此备案。与此同时,如commentssectionofthispage中所述,可以使用CoverageRange、FunctionCoverage或ScriptCoverage通过Chrome'sRDP收集相同的数据. 关于javasc