小编dma*_*sen的帖子

有没有办法在Chrome DevTools中搜索控制台记录的对象以获取特定值?

我想console.log()一个对象,并在该对象中搜索特定的值.这可能吗?

注意:我正在尝试搜索的对象是巨大且多维的,因此扩展每个字段并执行简单的Ctrl + F查找并不理想.

google-chrome google-chrome-devtools

22
推荐指数
2
解决办法
5871
查看次数

限制Kendo Grid在触摸屏上一次向一个方向滚动

当用户在触摸屏设备上时,我想限制对角线滚动 - 所以想法是强制一次向一个方向滚动 - 水平或垂直.

我已经设置了一个JS Fiddle,可以检测是否启用了触摸滚动,并且我能够输出x和y坐标.但我没有看到偏移或任何东西,我需要这个来计算预期的方向.

我知道苹果使用的directionalLockEnabled是限制,所以我想知道Kendo是否有这样的东西.如果没有,也许有一种方法可以确定用户想要滚动的方向并"冻结"其他坐标.

我创建的JS小提琴(dataBound方法中的相关部分):

http://jsfiddle.net/dmathisen/tskebcqp/

(相关代码仅适用于触摸...但如果您在开发工具中启用移动模拟,则应该有效)

另一个问题是滚动事件被触发的次数.工作时,也许我可以设置一个去抖动来处理触发的频率.

javascript jquery kendo-ui kendo-grid kendo-mobile

11
推荐指数
1
解决办法
285
查看次数

带有自定义过滤器的Kendo MVVM Grid

我正在使用MVVM模式构建一个Kendo Grid,我想要2个自定义过滤器:

  1. 带有extra = false和自定义运算符的通用网格过滤器
  2. 带有组合框的自定义列过滤器

此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小提琴来说明我的目标.

javascript kendo-ui kendo-grid

10
推荐指数
1
解决办法
1378
查看次数

声明用于TypeScript的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环境中工作,如果有帮助的话.

javascript jquery jquery-address typescript definitelytyped

8
推荐指数
1
解决办法
3453
查看次数

在Chrome控制台中查看Javascript方法的内容

当我console.log在Chrome中的对象时,我会看到所有属性和方法名称,但我看不到方法本身的内容.如何查看对象方法的内容?

我已经创建了一个可以帮助解释我正在寻找的JSFiddle.

如何查看Javascript方法的内容控制台

javascript debugging google-chrome google-chrome-devtools console.log

7
推荐指数
2
解决办法
2178
查看次数

Kendo网格数字截断为2位小数.如何使其尊重用户输入的内容?

在此Kendo Grid演示中,如果您编辑"库存中的单位"下的数字并添加多个小数(尝试2.203848),则会将其截断为2.20.看起来这是默认行为.

我知道我们可以指定十进制格式{0:n4},例如.

但是如果小数位数未知或可以变化怎么办?有没有办法让网格使用用户输入的确切数字?

javascript telerik kendo-ui kendo-grid

6
推荐指数
1
解决办法
6730
查看次数

使用jQuery和CSS转换的脉动效果

我正试图达到一种效果,当条件是我时,背景颜色会发出脉动.所以我有:

<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转换时序有关,但它们应该相互独立,对吧?

谢谢你的任何想法.

css jquery css-transitions

5
推荐指数
1
解决办法
9698
查看次数

jQuery .map()返回没有未定义

我有一个对象数组,我想创建一个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/

javascript arrays jquery map

4
推荐指数
1
解决办法
3932
查看次数

FontAwesome,Bootstrap和screenreader可访问性

我想知道使用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

3
推荐指数
1
解决办法
4881
查看次数

制作Kendo Grid链接模板的行为类似于命令

我有一个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/

kendo-ui kendo-grid

3
推荐指数
1
解决办法
8310
查看次数

在css之前/之后使用数据属性作为背景图像

所以我有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)

有没有办法做到这一点?

html css pseudo-element

3
推荐指数
1
解决办法
5819
查看次数