小编Sve*_*ven的帖子

简短的甜蜜:为什么不:hover显示隐藏的内容？我已经尝试过所有的东西display: block:了#trigger a:hover.

这是测试用例:http://jsfiddle.net/5egvV/

这里的任务很简单,但我无法做到正确:如果单击一个表格单元格,我需要检查它是否包含input字段.如果它不存在,则应创建一个新的.

到目前为止我得到了这个:

$("tbody td").bind("click", function(){
  $this = $(this);
  var newInput = $(document.createElement("input")).attr("class", "input-small");
  $this.append(newInput);
})

这是有效的,但正如您所看到的,如果输入已存在,则会错过测试.我已经尝试了各种方法if($this.text.length){...},if($this.val().hasClass("input-small") == true){...}但都失败了.那我该怎么做呢？什么是正确的方法来检查点击的单元格是否包含输入字段？

我听说HTML5 section元素不应该用作样式目的,因为它是一个语义元素.因此<section class='wrapper'>,替换div是错误的,使用<div class='wrapper'>会更好.
但是,当它是有道理什么用型材件及有需要的包装？是不是没事做<section class='wrapper'>在这情况下？或者我必须这样做

<section>
  <div class='wrapper'>
    ..
  </div>
</section>

这对我来说有点臃肿？

我有一个PHP mail();函数的奇怪问题.

像这样使用它

$header  = "MIME-Version: 1.0" . "\r\n";
$header .= "Content-type: text/html; charset=utf-8" . "\r\n";
$header .= "Content-Transfer-Encoding: quoted-printable" . "\r\n";
$header .= "Reply-To:" . $email . "\r\n";
$header .= "From: Kontaktformular <noreply@thomas-glaser-foto.de>" . "\r\n";
mail( "mail.me@mail.com", "Message from " . $name . " through your website!", $message, $header );

一切都按预期工作.邮件发送,一切都正确编码,主题也正常.

但当我用单引号更改双引号时,如下所示:

$header  = 'MIME-Version: 1.0' . '\r\n';
$header .= 'Content-type: text/html; charset=utf-8' . '\r\n';
$header .= 'Content-Transfer-Encoding: quoted-printable' . '\r\n';
$header .= 'Reply-To:' . $email . '\r\n'; …

鉴于HTML代码:

<div id="details" data-type="motion">
    <p>Lorem ipsum</p>
</div>
<img src="http://placehold.it/50x50" data-type="motion" />
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidun...</p>

为什么以下脚本的选择器无法正常工作？

$(document).ready(function () {

    $('[data-type="motion"]').each(function() {

        $this = $(this);

        $(window).bind('scroll', function() {

            var yOffset = (window.pageYOffset / $this.data('speed')) + 'px';

            $this.css({'border': '1px solid red'});
        });

    });

});

使用时'[data-type="motion"]',仅选择图像.'div[data-type="motion"]'当然只选择具有该数据属性的div.'*[data-type="motion"]'也只是匹配图像,'img[data-type="motion"], div[data-type="motion"]'似乎有点冗余,也无法正常工作.

这是一个演示这种行为的小提琴:http://jsfiddle.net/Y7QXn/

我有div一些其他divs,一些段落和一些图像.它基本上看起来像这样:

<div id="parent">
    <div>
        This image is inside a div.
        <img src="http://www.placehold.it/100" alt="" />
    </div>
    <p>
        And this inside a paragraph.
        <img src="http://www.placehold.it/100" alt="" />
    </p>
    <img src="http://www.placehold.it/100" alt="" />
    <img src="http://www.placehold.it/100" alt="" />
</div>

现在我只想选择不嵌套在另一个div或其中的图像p.我正在使用子组合子选择器这样做:

#parent > img {
    border: 1px solid red;
}

这有效,但现在我只想选择第一个非嵌套图像.我试过这样,但没有任何结果:

#parent > img:first-child {
    border: 1px solid blue;
}

http://jsfiddle.net/vF2DU/

我该怎么做？有没有添加类或ID的方法#first？

我现在正在创建按钮样式。

目前，它们看起来像这样：

html {
    color: #555;
    background: #fefefe;
    font-size: 1em;
    line-height: 1.5;
}

.btn {
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px;
    background: #ccc;
    border: 1px solid #cdcdcd;
}

<link href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.css" rel="stylesheet"/>

<a href="#" class="btn">Test</a>
<input type="button" value="Test" class="btn">
<input type="submit" value="Test" class="btn">
<input type="reset" value="Test" class="btn">
<button type="button" class="btn">Test</button>
<button type="submit" class="btn">Test</button>
<button type="reset" class="btn">Test</button>

正如您所看到的，使用创建的三个按钮input看起来与其他按钮不同。

经过一些调试后，我发现这是元素line-height上的声明html造成的。

如何让我的按钮在拥有一套的同时看起来相同line-height？

请注意，我已经在使用 normalize.css。

今天在扫描一些库代码时，我已经看到好几次了：它不是声明 a Namespace\Like\This，而是Done\\Like\\This.

有人可以启发我 - 这背后的原因是什么？

我只能想象它要么是特定于框架的东西（我不相信），要么是我不理解的一种奇怪的转义形式。

我有一个如下所示的 JavaScript“类”：

(function() {
  'use strict';

  function Calculator() {
    this.currentValue = 0;
  }

  Calculator.prototype.add = true;

  return Calculator;
}());

现在我试图用 Jasmine 测试这个——CalculatorSpec.js看起来像这样：

(function() {
  'use strict';

  var calculator;

  beforeEach(function() {
    calculator = new Calculator();
  });

  describe('Calculator', function() {

    it('should contain a function called "add"', function() {
      expect(calculator.add).toBeTruthy();
    });
  });
})();

我应该如何进入CalculatorJasmine IIFE 内部？

这些文件以正确的顺序包含在 specrunner 中，所以我确定这是一个范围问题。

我已经尝试将它作为参数传递给 IIFE，但问题是我猜计算器在全局范围内不可用。

在过去的一周里,我一直试图理解基于类和原型继承之间的区别.在使用PHP和JavaScript之后,我希望能够很快掌握这一点,但我无法理解这一点 - 我总觉得我想念一些东西.

我已经知道一个类就像定义一个对象特征的蓝图.实例化类时,根据蓝图构造对象.当继承发挥作用时,蓝图只能被完全采用,但方法可以被覆盖.

那么什么是原型呢？它是不是也像蓝图,但已经实施(因此称为"原型")？那么继承,你只能指向现有的功能？

以下可能看起来很傻,但这就是我尝试理解事物的方式.

从更人性的角度来说:一个类可以被视为架构计划,一旦它被实例化,小工人就会根据该计划开始构建一个对象.要继承某些内容,除了新的详细信息(可能会替换现有详细信息)之外,还会再次构建完整的计划.

使用原型,工作人员开始复制已经存在的对象并开始查看它的主要特征(存储在称为原型的东西上).为了从另一个对象继承,他们只是在某处写了一个标语"你正在寻找X的功能？请这样 - 注意对象之间的差距".

这种区别是否正确？