小编Mis*_*lin的帖子

没有jQuery UI的jQuery Sortable

我需要"可排序的拖放"功能,我正在使用jQuery.我不能真正使用jQuery UI,因为对于这个项目来说,这将是一个开销(我需要添加许多KB的JS和CSS才能使用一小部分功能).

是否有任何你可以推荐的插件,或者是一个简单的实现路径,我可以遵循?

解决方案必须尽可能轻量级,最好基于jQuery/Sizzle或纯JavaScript.

jquery drag-and-drop jquery-ui-sortable

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

选择框属性更改时,不会触发Webkit Mutation Observer回调

我正在尝试option使用新的Mutation Observer功能监视选择框(或嵌套元素)的更改.但是,只有"setAttribute"才会触发变异观察者对我的回调.

这是我正在使用的代码:

~function(doc, $) {
    var select = $('select');

    // http://www.w3.org/TR/dom/#mutation-observers
    var observer = new WebKitMutationObserver(function(mutations) {
        alert(mutations.length + " mutations happened");
    });

    observer.observe(select, {
        // monitor descendant elements – changing `selected` attr on options
        subtree: true,
        attributes: true
    });

    // this triggers Observer's reaction, but doesn't update select box UI
    select.setAttribute('value', 'whee'); 
    // this updates select box UI, but doesn't trigger mutation observer's callback
    select.value = "whee";
    // this also updates the UI, but …
Run Code Online (Sandbox Code Playgroud)

javascript forms mutation-observers

14
推荐指数
1
解决办法
7048
查看次数

在Mac OS X Mavericks更新后,使用npm进行全局安装无效

升级到OS X 10.9 Mavericks之后,在bash中找不到节点.我想我早就安装了它brew.

我决定使用node.js网站上的安装程序.这都很好,并都nodenpm在bash变得可用.但是,全局安装包不起作用.

npm -g bin下面的路径输出/usr/local/bin.

但是,在运行npm install -g karma和调用后,ls -la /usr/local/bin我看不到karma可执行文件所在路径的符号链接.

运行npm -g root返回/usr/local/lib/node_modules,安装后我可以看到该karma模块在那里.

不知道我还能检查什么.谢谢!

macos bash node.js npm

10
推荐指数
3
解决办法
2万
查看次数

CoffeeScript:coffee -w name-of-file.coffee抱怨:"窗口未定义"

在CofeeScript中,我通过这样做创建一个全局对象:

window.App = 
  init : ->
    ...
Run Code Online (Sandbox Code Playgroud)

运行coffee -w app.coffee抱怨window is not defined并且不会重写app.js文件.

但是,运行coffee -c app.coffee编译没有问题.我怎样才能coffee -w接受全球window

CoffeeScript版本是1.1.1(来自coffee -v)

谢谢!

coffeescript

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

我什么时候想在JavaScript中使用"类"(静态)方法或属性?

在JavaScript中,为什么要将属性直接附加到构造函数?

var Human = function() {};
Human.specie = "Homo Sapience";
Run Code Online (Sandbox Code Playgroud)

看完CoffeeScript的__extend辅助函数之后,我有了这个问题,其中包含以下几行:

for ( var key in parent ) { 
  if ( __hasProp.call( parent, key ) ) child[key] = parent[key]; 
} 
Run Code Online (Sandbox Code Playgroud)

它将属性/方法直接从构造函数对象复制到子类对象.但是为什么有人这样做呢?

谢谢!

javascript oop static-methods prototypal-inheritance coffeescript

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

有没有办法确定在萤火虫或网络检查员中发出XHR的线?

有没有一种方法来确定一个行和文件名从XHR是在Firebug或Web督察(也许Opera蜻蜓/ IE工具栏的开发)发布?如果没有,找到它的最佳方法是什么?只是在代码库中搜索名为的URI?(通常它会被构建)

javascript debugging firebug xmlhttprequest web-inspector

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

Labjs是否推迟了已加载脚本的执行直到DOM准备好了?

问题是关于http://labjs.com - 一个非阻塞的JavaScript加载和依赖项管理的很棒的库.

我已经阅读了文档,但我必须太累或者其他东西 - 我找不到关于DOM ready事件的任何内容.在DOM准备好之后是否执行脚本?

也许如果我这样做:

$LAB.script('my-library.js').wait(function(){ 
  // interacting with DOM 
});
Run Code Online (Sandbox Code Playgroud)

它会安全吗?或者我应该使用某种$(function() {})等?

javascript loading labjs

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

javascript奇怪的错误

我遇到了一个奇怪的问题!

我有这个代码:

<script>
  window.PRICES = {
    'Gold' : { 10: 299, 20: 400, 100: 1745, },
    'Coins': { 10: 300, 40: 355, 1000: 30000, },
  };
</script>
<script>
function pick(i,n) {
  document.getElementById("Item").innerHTML = i+" "+n;
  document.getElementById("Price").innerHTML = (window.PRICES)[i][n];
}
</script>
Run Code Online (Sandbox Code Playgroud)

该函数pick由select的onchange事件调用:

<select name="Gold" onchange="pick(this.value,this.name)">
  <option value="10">10 Gold</option>
  <option value="20">20 Gold</option>
  <option value="100">100 Gold</option>
</select>
Run Code Online (Sandbox Code Playgroud)

但是,当我改变值时,我得到"Uncaught TypeError:无法读取属性'未定义的'黄金'"但window.PRICES不是没有明确的!怎么了?

PS:我可以pick('Gold','10')用GC控制台打电话!!!

javascript javascript-events

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

django模板的奇怪问题

在模板上工作时出现了奇怪的问题:

当模板被渲染时(我猜),在代码中,就在doctype之前,正在放置奇怪的角色.我称之为"奇怪",因为如果我选择它,复制它并尝试粘贴没有粘贴.只有当我在webkit浏览器中"查看源代码"时,才能看到这个"点".

现在,布局中断了.

在Internet Explorer Web开发人员工具栏中检查呈现的代码时,我已经看到doctype也粘贴在body标签中,所以我有一种印象,即打开和关闭head标签都会被忽略.(我现在已经检查过了,是的,如果我从我的模板中取出开头和关闭头标签,那就是发生了什么).

这是在web开发人员工具栏中呈现的代码:http: //i48.tinypic.com/noby81.gif

请帮忙!

django templates

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

数组文字方法调用和对象文字方法调用的区别

在JavaScript中,我想知道为什么我可以这样做:

[].slice.apply([1,2,3], [0, 2]) // returns [1, 2]
Run Code Online (Sandbox Code Playgroud)

据我所知,这相当于:

Array.prototype.slice.apply([1,2,3], [0, 2]); // returns [1, 2]
Run Code Online (Sandbox Code Playgroud)

但我不能这样做:

{}.hasOwnProperty.apply(a, ['a']);
Run Code Online (Sandbox Code Playgroud)

这将允许不输入这个长行:

Object.prototype.hasOwnProperty.apply(a, ['a']); // returns true or false
Run Code Online (Sandbox Code Playgroud)

好吧,当我在它的时候,我也看到我实际上可以做所有这些:

''.indexOf.apply('asdasd', ['s']); // returns 1
true.toString.apply(true); // returns // "true" as string
Run Code Online (Sandbox Code Playgroud)

与{}有什么关系?:-)为什么这么特别?

javascript

0
推荐指数
1
解决办法
242
查看次数