小编Emp*_*ger的帖子

数据表即时调整大小

我正在使用奇妙的DataTables jQuery插件; http://datatables.net/ 添加了FixedColumns和KeyTable附加功能.

现在,当窗口大小改变时,表格会大幅调整大小.但是,表的包含div也可以通过jQuery动画调整宽度,我还没有找到用它来调整表大小的方法 - 它只是在原始宽度上停滞不前.只有在pageload之前更改代码中的div宽度时,才能正确调整表的大小.

如何根据窗口宽度和包含div宽度使DataTable动态调整大小?提前致谢!:-)

javascript jquery datatables

53
推荐指数
6
解决办法
12万
查看次数

JS搜索对象值

我有一系列同类物体,如此;

[
  {
    "foo" : "bar",
    "bar" : "sit"
  },
  {
    "foo" : "lorem",
    "bar" : "ipsum"
  },
  {
    "foo" : "dolor",
    "bar" : "amet"
  }
]
Run Code Online (Sandbox Code Playgroud)

我想用关键字搜索这些对象的值(而不是键),并返回包含任何值中的关键字的对象数组.

因此,例如,使用关键字r,我将获得所有对象(对象#1中的"baR",对象#2中的"loRem"和对象#3中的"doloR").使用关键字lo,我会得到对象2和3("LOrem"和"doLOr")a,我会得到对象1和3,("bAr"和"Amet").foo但是使用关键字,我会得到一个空数组,因为"foo"是一个键,并且在任何值中都找不到(不像"bar")......你明白了.

我该怎么做呢?非常感谢提前!

javascript search json

43
推荐指数
8
解决办法
13万
查看次数

jQuery UI Draggable的自定义帮助程序

我有一个jQuery UI可拖动,我试图创建一个自定义帮助器,其中包含原始元素的一些但不是所有信息.

这是我的可拖动元素;

<ul>
  <li><div>Name</div> <span>12-12-2011</span></li>
  <li><div>Another name</div> <span>12-12-2011</span></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

和jQuery;

$("ul li").draggable(function(){
  helper: function(){
    return $("<div></div>");
  }
});
Run Code Online (Sandbox Code Playgroud)

我们的想法是,在拖动时,用户将拥有一个只包含名称但不包含时间元素的帮助程序.

我的实际代码比这更复杂,所以我真正想要的是任何选择器,它允许我选择原始元素或它的副本,然后在其上做各种jQuery魔术(过滤元素,添加新元素,类等)

然而,对于我的生活,我找不到这个,可拖得糟透的文件,#jquery没有人会帮助我.有任何想法吗?

提前致谢!

javascript jquery jquery-ui jquery-ui-draggable

17
推荐指数
2
解决办法
4万
查看次数

DPI在Retina iPad应用程序设计中

我不知道这是否属于StackOverflow或其他一些SE网站,但这里有.

我有一个PSD设计我有一个iOS开发团队变成了Retina iPad应用程序.但是,此设计是在默认的72 dpi中进行的.

开发团队现在表示设计应该是264 dpi(与Retina iPad相同) - 以及非Retina版本的132 dpi版本.

这让我感到困惑,因为我的印象是dpi只表示有多少像素进入一英寸的输出,因此仅在打印时才有意义.iPad的dpi只代表每英寸屏幕的像素数,因此不会根据我的大脑与PSD的dpi有关.特别是因为它已经是Retina所需的2048×1536尺寸.

我告诉他们这个,但他们坚持认为,这让我怀疑自己的无懈可击.

Who's in the right here? Does the dpi of the design file have anything to do with the dpi of the device? What would make an otherwise smart dev team think this?

dpi ppi ipad ios retina-display

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

HTML5视频的多个音轨

我正在使用HTML5为我的网站制作视频.理想情况下,我只有一个静音视频文件,以及五种与视频同步的不同语言的不同音轨.

然后,我有一个按钮,允许用户在音频轨道之间切换,即使视频正在播放; 并且正确的音轨将变为现实(没有视频暂停或重新开始或任何东西;很像DVD音轨选择).

我可以在Flash中完成这个,但我不想这样做.必须有一种方法可以在纯HTML5或HTML5 + jQuery中执行此操作.我想你要播放0音量的所有音频文件,只增加活动音轨的音量...但我不知道怎么做,更不用说当用户暂停或倒带时处理它该视频...

提前致谢!

javascript jquery html5 html5-video html5-audio

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

屈服于拼写检查

这个标题可能有点误导; 我的拼写检查器更多地关注格式而不是拼写(大写,标点符号和空格,撇号,将互联网俚语转换为完整单词,经常加扰的单词等).但是基本原则适用.

基本上,我正在构建的JS/jQuery检查器会在键入单词时更正单词(在单词之后键入空格或标点符号之后).

然而,就像任何自动校正一样,它必然会遇到错误.我甚至没有考虑创建能够确定"它"或"它"在特定情况下是否更合适的功能(尽管如果存在这样的插件或代码片段,请指向一个).

所以我想让它成为一个"让步"的自动更正(因为缺乏对更好名字的了解).基本上;

  1. 用户在单词中键入将启动检查器并键入空格.
  2. 检查员纠正了这个词.
  3. 用户认为这是一个错误并将其纠正(通过对整个单词或其中的一部分进行退格,或者突出显示它或者他们觉得编辑它们感觉很舒服).
  4. 用户继续键入,并且检查器不再触摸该单词的该实例.

现在最简单的方法是完全禁用对该单词的检查,但我希望检查程序能够纠正它的未来实例.我正在寻找的将检测用户编辑自动更正的单词(无论是在打字后或之后)回到自动校正之前的状态,然后学习单独留下该单词的特定实例.

我甚至不知道从哪里开始.我认为每个单词都包含在一个范围内是自满的,自动更正的单词包含一个特殊类和一个包含原始单词的data-*属性,监听自动更正单词的编辑,如果它被编辑回等于数据 - *value,添加一个类,使其脱离未来的自动更正轮次.

我想虽然这可能是不必要的复杂,或者至少不是阻力最小的路径.这样做最聪明的方法是什么?

javascript jquery autocorrect

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

匹配jQuery中任何类的所有组合

我有两个以逗号分隔的选择器;

.class, .foo, .bar

.lorem, .ipsum, .potato
Run Code Online (Sandbox Code Playgroud)

我希望能够选择这两个组之间的任何可能的组合.所以它会选择匹配的元素

.class.lorem
.class.ipsum
.class.potato
.foo.lorem
.foo.ipsum
.foo.potato
.bar.lorem
.bar.ipsum
.bar.potato
Run Code Online (Sandbox Code Playgroud)

我怎样才能有效实现这一目标?

javascript jquery jquery-selectors

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

在过渡的v-if下面的过渡元素

我有两个元素,顶部的可见性由v-if一个简单的布尔值控制.

transition(name="fade")
    #element1(v-if="showFirst")
        p Foo

#element2
    p Bar
Run Code Online (Sandbox Code Playgroud)

第一个元素包含在<transition>标记中,完全按照Vue文档.

然而,虽然这确实创建了一个褪色动画,但页面上的其他内容仍然非常刺耳.

我怎样才能创建一个过渡,也可以顺利地改变后面任何和所有兄弟姐妹的位置?

演示此问题的小提琴.

javascript vue.js

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

通过拖动边缘调整饼图切片大小

我正在尝试在Raphaël的网站上调整不断增长的馅饼演示以满足我自己的需求.http://raphaeljs.com/growing-pie.html

该演示几乎是完美的,但我希望用户能够拖动切片的边缘来调整它们的大小,而不是单击它们.这不仅更直观,而且还允许精确调整大小,而不是演示中的步进方法.

我该怎么做?提前致谢.

javascript svg raphael

9
推荐指数
1
解决办法
2139
查看次数

协议相对URL是相对URL吗?

所以考虑像这样的协议相对URL ;

//www.example.com/file.jpg
Run Code Online (Sandbox Code Playgroud)

只要我记得,我在脑海中的想法是,协议相对URL实际上是绝对URL.它们的行为与绝对URL完全相同,从不像相对URL那样工作.我不希望这会让浏览器找到一些东西

http://www.example.com///www.example.com/file.jpg
Run Code Online (Sandbox Code Playgroud)

URL定义了主机和路径(就像绝对URL一样),并且该方案继承自所使用的页面,因此它创建了一个完整的明确URL,即绝对URL.

对?

现在,经过对此的进一步研究,我得出这个答案,

如果URL以方案和方案特定部分(此后)开头,则称为绝对URL.其他任何东西都是相对URL.//http:

问题和答案都没有具体讨论协议相对的URL,所以我注意到它只能是措辞的疏忽.

但是,我现在也在我的开发中遇到了一个问题,其中只接受绝对URL的系统不能与协议相关的URL一起工作,我不知道这是设计还是由于错误.

通常与协议相关URL相关联的RFC3986部分也会在很多地方附加 "相对"一词.4.3然后继续说绝对URI定义一个方案.

所有这些反对我最初假设的证据都引出了我的问题;

协议相对URL是相对还是绝对的?

url uri relative-path absolute-path protocol-relative

9
推荐指数
1
解决办法
2695
查看次数