小编Osc*_*son的帖子

如何判断元素是否具有流体宽度

可能重复:
使用JavaScript确定元素是否具有固定宽度或百分比宽度

我需要知道元素是否具有流体宽度.我可以深入了解为什么如果它真的需要,但我不认为它.

基本上,是元素的N%宽度还是Npx|pt|em|etc宽度?现在我只看到获得当前计算宽度的方法.因此,即使一个元素是100%宽,获取JS中的值也会返回,500px或者在那个时刻返回广泛的值.

是否有任何黑客或JS API我不知道要知道这个或获得原始的CSS值?

另外,请不要jQuery.这是我的JS库.

html javascript css

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

这很丑陋,必须有更好的方法在jQuery中编写它

$(this).parent().parent().parent().parent().find('[name=reply_to_id]');
Run Code Online (Sandbox Code Playgroud)

多数民众赞成看起来很愚蠢,但这是我能想到的最佳方式.我试过parentsUntil('li'),但都没有工作,我也尝试过parents('li')closest('li').在jQuery中有什么东西相当于:

$(this).firstParentThatMatchesThis('li').find('[name=reply_to_id]');
Run Code Online (Sandbox Code Playgroud)

如果不是我认为生病尝试将其提交给jQuery核心...

这是我的HTML(很长时间我把它放在pastebin上):http://pastebin.com/FypJ9WGe

努力让JSFiddle进入那里......

javascript jquery traversal

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

如何在PHP中打印__ MongoDB集合?

在结果之后如何查看和"处理"MongoDB集合的内容find()?即:

<?php
   $cursor = $collection->find();
   json_encode($cursor);
   //OR
   print_r($cursor);
?>
Run Code Online (Sandbox Code Playgroud)

无论我做什么,我什么也得不到,但如果我循环它我可以逐个获取数据我可以得到数据(当然)但问题是,我想用它来做像编码一样将数组作为一个整体返回给JSON对象以执行AJAX/JS.

那么,我怎么能这样做?

javascript php database ajax mongodb

6
推荐指数
2
解决办法
6524
查看次数

用于可见文本的正则表达式,而不是HTML

如果我有一个字符串:

hey <a href="#user">user</a>, what are you doing?
Run Code Online (Sandbox Code Playgroud)

如何,正则表达式可以说:寻找user,但不是内部<>字符?因此匹配将抓住用户之间<a></a>但不是内部的用户href

我希望这适用于任何标签,所以它不重要什么标签.

==更新==

为什么我不能使用.text()或innerText是因为这用于突出显示结果很像浏览器中的本机cmd/ctrl + f功能,我不想丢失格式.例如,如果我在strong这里搜索:

Some <strong>strong</strong> text.
Run Code Online (Sandbox Code Playgroud)

如果我使用.text()它将返回"一些强文本",然后我将strong包含一个<span>具有样式类,但现在当我回去并尝试将其插入DOM时,它将丢失<strong>标签.

html javascript regex jquery

6
推荐指数
2
解决办法
1796
查看次数

JavaScript问题中的中介模式

我正在为我的工作创建一种基于调解器的库.我们创建了大量应用程序,因此我想要一些可以在每个应用程序的基础上轻松获取和修改的内容.我也希望它很容易创建"小部件"(缺少一个更好的术语)并且易于删除它们而不用担心破坏任何东西.我们制作的许多这些应用程序也可以由外部开发人员为应用程序制作应用程序或小部件进行扩展.

这就是我遇到调解员模式的方式.我写了一些像这样的东西:

//Extend
Core.extend('widget',function(params){
  alert(params.message);
});

//Load it
Core.load('widget',{message:'Hello World'});

//Remove it
Core.remove('widget');
Run Code Online (Sandbox Code Playgroud)

我有3个问题:

  1. 你应该如何/应该使用JavaScript处理这种模式中的DOM操作?我不希望开发人员在他们的小部件之外搞乱DOM.

  2. 你应该如何/应该处理AJAX请求.你应该做什么吗?你应该只在库中提供一个AJAX/JSONP调用(Core在这个例子中).

  3. 我最大的问题是,你如何与其他小部件进行实际交互?我不想紧张夫妇(显然),但我不知道你如何与另一个小部件互动.例如,假设您有一个文本框,并在提交时将其发送到数据库.另外一个小部件怎么可以称之为"时间轴"小部件,现在它被提交,然后用文本框小部件中的文本更新时间轴?

=== UPDATE ===

我最后写了这个:

http://oscargodson.github.com/Core.js/

javascript oop design-patterns mediator

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

没有jQuery的可靠的"mouseenter"

我一直在寻找各处,我似乎找不到可靠的mouseenter事件.

我发现最接近的是:没有JQuery的mouseenter

function contains(container, maybe) {
  return container.contains ? container.contains(maybe) : !!(container.compareDocumentPosition(maybe) & 16);
}

var _addEvent = window.addEventListener ? function (elem, type, method) {
  elem.addEventListener(type, method, false);
} : function (elem, type, method) {
  elem.attachEvent('on' + type, method);
};

var _removeEvent = window.removeEventListener ? function (elem, type, method) {
  elem.removeEventListener(type, method, false);
} : function (elem, type, method) {
  elem.detachEvent('on' + type, method);
};

function _mouseEnterLeave(elem, type, method) {
    var mouseEnter = type === 'mouseenter',
        ie …
Run Code Online (Sandbox Code Playgroud)

javascript javascript-events mouseevent

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

JS中的原型继承以及如何获取父属性

我正在尝试从父级继承属性,但我不清楚正确的方法.

让我们说:

var Animal = function(name){
  this.offspring = [];
  this.name = name;
  return this;
}

Animal.prototype.createOffspring = function(name){
  name = name || 'Baby '+(this.offspring.length+1);
  this.offspring.push(name);
  return this;
}
Run Code Online (Sandbox Code Playgroud)

现在我想添加一个子原型继承,所以我不必手动添加父项中的所有内容.例如,假设我想添加一个Cat基于Animal

我想这样做,就像它是一个 Animal

var pet = new Cat('Kitty');
pet.createOffspring();
Run Code Online (Sandbox Code Playgroud)

无需手动添加namecreateOffspringCat constructor,这实际上只是一个Animal,但具有一些其他附加功能(如.meow()或类似的东西).

javascript prototype prototypal-inheritance prototype-programming

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

背景视频,其作用类似于CSS的元素背景大小,而不是整个页面

我正在尝试编写一个新网站,其中有一个巨大的飞溅背景作为"英雄"图像.就像这个网站有,作为一个视频,其中的图像是卸载汽车的女士:https://www.simple.com

调整大小,您可以看到图像如何始终适合其父级.

我把一些我一直在JSBin上工作的代码放在这里(没有取得多大进展):http://jsbin.com/ruqisa/1/edit

我似乎无法用CSS获得相同的行为.我希望视频在宽度或高度之外溢出父视图,具体取决于屏幕的尺寸.

有人用纯CSS做过这个吗?JS我可以在调整大小时手动计算它,但我真的很喜欢用CSS做这个.

编辑:我不是在寻找整个页面作为视频,只是标题背景.

html css css3 responsive-design

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

在JavaScript中链接一个函数?

我想创建一个将项添加到localStorage对象的函数.例如:

alert(localStorage.getItem('names').addItem('Bill').getItem('names'));
Run Code Online (Sandbox Code Playgroud)

第一个方法是getItem,它获取localStorage对象的项目......但addItem将是一个自定义函数.这一系列功能最终将提醒比尔.

那么,我如何将此功能链转换为localStorage?

javascript html5 chaining local-storage

5
推荐指数
2
解决办法
1703
查看次数

使用JavaScript删除XML命名空间的简单方法?

例如,是否有一种简单的方法来删除XML名称空间,但保持jQuery或JavaScript的标记不变?例如:

<html:a href="#an-example" title="Go to the example">Just an Example</html:a>
Run Code Online (Sandbox Code Playgroud)

并将其更改为:

<a href="#an-example" title="Go to the example">Just an Example</a>
Run Code Online (Sandbox Code Playgroud)

使用jQuery或JavaScript实时运行,并且不知道其中的元素和/或属性?

html javascript jquery namespaces xml-namespaces

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