草庐IT

UI工具

全部标签

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 父 View 上的 Angular UI 路由器动画

我有一个嵌套状态,如:.state('contacts',{url:'/contacts',views:{'':{templateURL:'views/contacts.html',contacts:'ContactsCtrl'}}}).state('contacts.view',{url:'/contacts/:name',views:{'':{templateURL:'views/contacts-details.html'}}});联系人.htmlThisisalistofcontacts(...)联系人-view.html{{contact.name}}我能够为contacts

javascript - XMLHttpRequest 和 Chrome 开发者工具说的不是同一件事

我正在使用XMLHttpRequest和Rangeheader以5MB的block下载一个约50MB的文件。一切都很好,除了检测我何时下载了最后一个block。这是第一个block的请求和响应的屏幕截图。请注意,Content-Length是1024*1024*5(5MB)。另请注意,服务器正确响应前5MB,并在Content-Rangeheader中正确指定整个文件的大小(在/之后):当我将响应正文复制到文本编辑器(Sublime)中时,我只得到5,242,736个字符,而不是Content-Length指示的预期的5,242,880个字符:为什么缺少144个字符?对于下载的每个bl

javascript - $ionicLoading 与 Angular UI Router 解析

我正在尝试使用$ionicLoading与AngularUIRouterresolves.这个想法是,当请求新的路线/状态时,加载模式会在解析数据时出现,然后在解析完成并实例化新状态时消失。路由器.state('tab.locations',{url:'/locations',cache:false,views:{'locations-tab':{templateUrl:'js/locations/tab-locations.html',controller:'LocationsCtrlasvm'}},resolve:{locationsResource:'Locations',loc

javascript - 我可以使用 JS Lint、JS Hint 或其他工具来防止将错误数量的参数传递给方法吗?

我是javascript编程(和一般的脚本语言)的新手,但是当我犯语法错误或不小心声明全局变量时,我一直在使用JSLint来帮助我。但是,有一个场景是JSLint没有涵盖的,我觉得这会非常方便。请看下面的代码:(function(){"usestrict";/*globalalert*/vartestFunction=function(someMessage){alert("stuffishappening:"+someMessage);};testFunction(1,2);testFunction();}());请注意,我向testFunction传递了错误数量的参数。我从来没有预

javascript - 如何将 MVC 模型传递给 UI-bootstrap 模态

我正在尝试使用Angular/bootstrap模式来编辑MVCApplicationUser脚手架View。我找到了几个例子,它们大多是jquery。我找到了一个使用jquery-ui效果很好的工具。我想与我的模态保持一致,所以我需要让它与angular-ui或普通Bootstrap一起使用。我不确定这是如何为数据绑定(bind)调用MVCController的。工作的Jquery-ui例子$(document).ready(function(){$.ajaxSetup({cache:false});$(".editDialog").live("click",function(e){

javascript - 在 jquery UI 对话框上使用 select2 (v 4.0) 时,如何让 allowClear 选项在使用远程数据源时起作用?

我正在使用select2dropdown并且刚刚升级到版本4。似乎损坏的一个功能(或者我做错了什么)是allowClear选项当您有远程数据源并且select2位于jqueryUI对话框上时如果您的数据源是本地的(没有ajax)或者没有涉及jqueryUI对话框,它工作正常,但是当我尝试在jqueryUI对话框上使用远程数据源时,我看到了问题。有趣的是,当设置allowClear=true时,“X”DOES会在我搜索并选择一个项目后显示在下拉框的右侧,但是当我单击它时,所有select2代码都会运行,但不会删除先前选择的值。我已经调试了select2.js代码,所有看起来应该被触发的代

javascript - AngularJS $timeout 在计算值之前不等待 UI-Router 完成渲染

我正在使用angularJS和requirejs通过angularAMD将一个复杂的应用程序连接在一起。我的一个状态有两个简单的View,如下所示:$stateProvider.state("common",{url:"/",views:{"view1":{templateUrl:"view1.tpl.html"},"view2":{templateUrl:"view2.tpl.html"}}});htmlView1有一个指令:.directive('checkViewOneBoxWidth',function($timeout){return{restrict:'A',link:fu

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - 为什么 ionic 模式在关闭或提交时会卡住 UI?

我有一个弹出窗口,其中有两个选项-添加收藏夹和添加评论-,第一个选项工作正常:它不会卡住用户界面;但是第二个表单一旦被省略或提交就会卡住界面。这是正在发生的事情:请注意当我关闭表单时界面没有响应。这是我用来创建弹出框和模态框的代码:$ionicPopover.fromTemplateUrl('templates/dish-detail-popover.html',{scope:$scope}).then(function(popover){$scope.popover=popover;});$scope.openPopover=function($event){$scope.popov