草庐IT

simple_list_item_activated

全部标签

javascript - 当我使用 Angular md-selected 索引频繁切换选项卡时,多个 'md-tab' 同时具有 'md-active' 类

当我频繁切换md-tabs时,Md-tabs切换正确但多个md-tab-item元素同时具有“md-active”类,所以我看不到选项卡的内容是事件的,因为它与其右侧选项卡的内容重叠。据我所知,在angular-material中,当我们选择一个选项卡时,angular首先取消选择上一个选项卡(隐藏页面上先前显示的内容)并显示所选选项卡的内容。在执行此过程时,Angular未删除以前事件选项卡的“md-active”类。这是重现该行为的fiddle。这是随机行为,并发点击时出现。请在点击“切换标签”按钮后等待1分钟jsFiddleangular.module('firstApplica

javascript - Jquery-自动完成 : makes the tab key select the first item if no item is selected

这个问题的目标是:通过使用jquery-autocomplete,使tab键能够在没有选择任何项目的情况下选择第一个项目。我实现的代码(1)有效,但我有一些疑问,我想澄清它们,或者如果可能的话,改进/更改代码(1)以实现我的目标。我的疑问是:我太早触发了ENTER:事件调度是异步的(不同的监听器是同步调用的,但它是异步的触发器),所以我可能会在监听器处理DONE之前触发它。因此,我在这里仍然为两个事件使用相同的对象,所以我可能会产生令人讨厌的副作用(如果我在第一次调度期间阻止默认设置,那么第二个调度也会被阻止,因为它是同一个对象,例如).有什么建议/意见吗?附言:这是jsfiddle链

javascript - 捕获 'Blocked loading mixed active content' CORS 错误

在firefox中,当javascript尝试从https上托管的页面向http服务器发出CORS请求时,它会抛出错误:Blockedloadingmixedactivecontent我想捕获这些错误,但不知道如何捕获。例如,我用jQuery尝试过这样的事情:try{$.get("http://public.opencpu.org/ocpu/library/").fail(function(xhr,err){console.log("Servererror:"+xhr.responseText);});}catch(e){console.log(e.message);;}但是xhr.r

javascript - CSS 和 JavaScript : Get a list of CSS custom attributes

来自这段代码:HTMLCSS.test{background-color:red;font-size:20px;-custom-data1:value1;-custom-data2:150;-custom-css-information:"loremipsum";}使用javascript——例如从$('.test')——我如何才能得到一个CSS属性列表,其属性名称以前缀“-custom-”开头“?(他们可以有不同的名字,但总是相同的前缀)我想得到这个:{customData1:"value1",customData2:150,customCssInformation:"loremip

javascript - Angular : Memory Leak with ng-repeat using custom objects (w/simple PLUNKR)

(简单的plunkr演示here)总结:使用ng-repeat在第二波之后迭代自定义对象的“数组”时存在泄漏,如下所示:{{d_sampleObject.description}}内存配置文件显示遗留了一个额外的“d_sampleObject”并且未取消引用。下面有更多详细信息(通过Controller和注入(inject)服务)。在提供的plunkr链接中也有一个简单的演示。提前非常感谢任何想法和帮助!注意“mySampleObjects”是以下实例的数组:ml.MySampleObject=function(id){this.id=id;this.description='this

javascript - 如何在 Chrome 打包应用程序的 list 中使用 "system_indicator"?

我正在尝试创建一个在系统菜单栏中带有图标的Chrome包应用程序,如下所述:https://docs.google.com/document/d/1QhhfR33Y28Yqnnoa_Sl3fnZK_mKtwt4dZe6kNyJ_MjU/edit,GoogleHangout应用程序可以实现此功能(这不是完全相同的行为),但我找不到任何好的文档来执行相同的操作。在GooglePackagedApp的manifest页面中,我们可以看到“system_indicator”字段。是我要找的吗?当我尝试将此字段设置为图标的url时,Chrome返回此错误:'system_indicator're

javascript - NodeJS + 套接字.io : simple Client/Server example not working

我正在使用NodeJSv0.4.8和最新版本的socket.ionpminstallsocket.io在Ubuntu上:Linuxmars2.6.38-8-generic#42-UbuntuSMPMonApr1103:31:50UTC2011i686i686i386GNU/Linux不幸的是,以下代码不会产生任何输出,无论是在客户端还是在服务器端。有人知道吗?服务器端varhttp=require('http'),io=require('socket.io'),fs=require('fs'),sys=require('sys');respcont=fs.readFileSync('t

javascript - Angular : Push item to list doesn't update the view

当我将项目推送到数组时,View不会刷新列表。表格:{{product.Code}}{{product.Name}}形式:Code:Naam:在Controller中提交产品:$scope.submitProduct=function(){console.log('before:'+$scope.products.length);$scope.products.push({Code:$scope.product.Code,Name:$scope.product.Name});console.log('after:'+$scope.products.length);console.log

javascript - GWT 包括模块 list 中的外部 javascript 文件

所以我阅读了有关直接在模块listyourApplication.gwt.xml中包含外部Javascript文件的文档(http://code.google.com/webtoolkit/doc/latest/DevGuideOrganizingProjects.html)我有这个名为iscroll.js的javascript文件,它存储在GWT项目的war/文件夹中。我将这行添加到我的GWT应用程序的模块list中:然后在onModuleLoad()方法中我调用了这个原生JSNI方法:privatenativevoidinitJavascript()/*-{$wnd.myScrol

javascript - 同位素中的动画项目大小 : Why is first item wonky?

我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时,它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的?这是我的测试用例:http://joshrenaud.com/pd/testcase/test