我想console.log()一个对象,并在该对象中搜索特定的值.这可能吗?
注意:我正在尝试搜索的对象是巨大且多维的,因此扩展每个字段并执行简单的Ctrl + F查找并不理想.
当用户在触摸屏设备上时,我想限制对角线滚动 - 所以想法是强制一次向一个方向滚动 - 水平或垂直.
我已经设置了一个JS Fiddle,可以检测是否启用了触摸滚动,并且我能够输出x和y坐标.但我没有看到偏移或任何东西,我需要这个来计算预期的方向.
我知道苹果使用的directionalLockEnabled
是限制,所以我想知道Kendo是否有这样的东西.如果没有,也许有一种方法可以确定用户想要滚动的方向并"冻结"其他坐标.
我创建的JS小提琴(dataBound
方法中的相关部分):
http://jsfiddle.net/dmathisen/tskebcqp/
(相关代码仅适用于触摸...但如果您在开发工具中启用移动模拟,则应该有效)
另一个问题是滚动事件被触发的次数.工作时,也许我可以设置一个去抖动来处理触发的频率.
我正在使用MVVM模式构建一个Kendo Grid,我想要2个自定义过滤器:
extra = false
和自定义运算符的通用网格过滤器与此Kendo Grid演示非常相似.我似乎无法使用data-filterable
属性或filterable ui
列上的MVVM模式:
<div data-role="grid"
data-filterable="customGridFilter"
data-columns="[
{ field: 'Id', hidden: 'true' },
{ field: 'Name', filterable: '{ ui: customNameFilter }' },
{ field: 'Value' }
]"
data-bind="source: gridDs">
</div>
Run Code Online (Sandbox Code Playgroud)
我已经创建了一个JS小提琴来说明我的目标.
类似问题有很多线索,但据我所知,这个问题是独一无二的.
我在我的应用程序中使用jQuery Address插件,并希望在TypeScript文件中使用它.遗憾的是,该库没有可用的DefinitelyTyped脚本.当我尝试使用jQuery.address时,我得到:
The property 'address' does not exist on value of type 'jQueryStatic'
Run Code Online (Sandbox Code Playgroud)
根据这个帖子,我试图在address
里面定义jquery.d.ts
:
interface JQueryStatic {
address(options): any;
...
}
Run Code Online (Sandbox Code Playgroud)
我认为这似乎适用于$ .address(); 但不适用于任何地址的方法.我也尝试过这个帖子创建自己的.d.ts文件,但仍然没有运气.我尝试declare
在.d.ts文件中使用.没运气.
我需要使用的唯一方法是parameter
方法......
$.address.parameter('param', 1);
Run Code Online (Sandbox Code Playgroud)
在这种情况下,我得到:
The property 'parameter' does not exist on value of type 'address'
Run Code Online (Sandbox Code Playgroud)
关于如何解决这个问题的任何想法?
编辑:我在Visual Studio C#.net环境中工作,如果有帮助的话.
在此Kendo Grid演示中,如果您编辑"库存中的单位"下的数字并添加多个小数(尝试2.203848),则会将其截断为2.20.看起来这是默认行为.
我知道我们可以指定十进制格式{0:n4}
,例如.
但是如果小数位数未知或可以变化怎么办?有没有办法让网格使用用户输入的确切数字?
我正试图达到一种效果,当条件是我时,背景颜色会发出脉动.所以我有:
<div class="box">...</div>
.box {
background-color: #fff;
transition: background-color 0.5s ease-out;
}
.box.active {
background-color: #ccc;
}
Run Code Online (Sandbox Code Playgroud)
所以现在我想使用jQuery添加和删除该类几次以创建背景颜色脉动效果.就像是:
$('.box').addClass('active').delay(1000).removeClass('active').delay(1000).addClass('active');
Run Code Online (Sandbox Code Playgroud)
理论上,这应该产生脉动效应,但事实并非如此.会发生什么是"活动"类被添加并且永远不会被删除或再次添加.这几乎就像第一个'removeClass'永远不会被触发.
我错过了什么,但不知道是什么.也许它与CSS转换时序有关,但它们应该相互独立,对吧?
谢谢你的任何想法.
我有一个对象数组,我想创建一个id
只有s 的新数组.有些记录有id
,有些则没有.
所以我有类似的东西:
var myMap = arr.map(function(e) {
return e.id;
});
console.log(myMap); // [undefined, 2, 3, 4]
Run Code Online (Sandbox Code Playgroud)
[2, 3, 4]
如果可能的话,我希望它能够回归.
这个JSFiddle应该更好地解释一下:http://jsfiddle.net/dmathisen/Lnmj0w8k/
我想知道使用Twitter Bootstrap框架和FontAwesome图标字体的屏幕阅读器可访问性.
我正在看两种不同的图标情况:
1)图标具有屏幕阅读器将拾取的帮助文本:
<a href="#" class="btn btn-default" role="button"><span class="fa fa-pencil"></span> Edit</a>
Run Code Online (Sandbox Code Playgroud)
2)没有任何帮助文本的独立图标:
<a href="#" class="btn btn-default" role="button" title="Edit"><span class="fa fa-pencil"></span></a>
Run Code Online (Sandbox Code Playgroud)
理想情况下,在这两种情况下,屏幕阅读器都会宣布元素是"编辑"按钮.
Per FontAwesome的网站:
与其他图标字体不同,Font Awesome不会绊倒屏幕阅读器.
我没有看到任何speech
与FontAwesome或Bootstrap相关的css标签,也不清楚屏幕阅读器如何对这些情况做出反应.
我也知道aria-hidden
和Bootstrap .sr-only
,并且必须有一种理想的方法来处理这两种情况.
编辑:添加title="Edit
到示例2.
使用aria-label="Edit"
超过标准有什么优势title="Edit"
?
编辑2:我遇到了这篇文章,解释了不同用途实现的优缺点.
css accessibility screen-readers twitter-bootstrap font-awesome
我有一个Kendo Grid,而不是一个自定义命令:
$('#grid').kendoGrid({
dataSource: data,
columns:
[
...
{ command: { text: "Details", click: showDetails }, title: " " }
]
});
Run Code Online (Sandbox Code Playgroud)
我想在标准链接上发生相同的行为.可能吗?
这是我正在寻找的功能:http://jsfiddle.net/dmathisen/ERgkA/2/
但希望它表现得像这样:http://jsfiddle.net/dmathisen/qXAf6/4/
所以我有HTML标记,如下所示:
<a href="#" data-icon="data:image/png;base64,iVKAInsdal...">Some link</a>
Run Code Online (Sandbox Code Playgroud)
然后我想data-icon
在我的CSS中使用它来显示为基本64背景图像.就像是:
a:before {
content: "";
width: 16px;
height: 16px;
padding-left: 16px;
background: url(attr(data-icon)); // this doesn't work
}
Run Code Online (Sandbox Code Playgroud)
有没有办法做到这一点?
javascript ×6
jquery ×4
kendo-grid ×4
kendo-ui ×4
css ×3
arrays ×1
console.log ×1
debugging ×1
font-awesome ×1
html ×1
kendo-mobile ×1
map ×1
telerik ×1
typescript ×1