小编use*_*333的帖子

为什么Jshint在这个if语句中说"变量已经定义"?

我有这个代码:

 if ( something is true ) {
        var someVar = true;
    } else {
       var someVar = false;
    }
Run Code Online (Sandbox Code Playgroud)

JsHint在else语句部分说"someVar已定义".为什么这样,我该如何解决?

谢谢

javascript jshint

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

有没有办法让Chrome能够顺畅地进行字母间距的CSS过渡?

我试图为letter-spacing属性进行一个很好的CSS转换.

它在Firefox和Internet Explorer 10中看起来很棒(有些东西最终在IE中正常工作.哦,对吧?)

但它在Chrome或Opera中不起作用.在Chrome中,它是一系列抖动,因此它从2px变为1px到0.没有像IE/Firefox那样的平滑像素渲染.

有没有办法让Chrome顺利渲染?

这是一个简单的例子:

p {
    letter-spacing:2px; 
    -webkit-transition: letter-spacing, 1s;
    -moz-transition: letter-spacing, 1s;
    -o-transition: letter-spacing, 1s;
    transition: letter-spacing, 1s;
}
p:hover {letter-spacing:0;}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/aDhRz/

css google-chrome css3 css-transitions

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

有没有办法停止 type=number 中的手动输入,但仍然允许使用“向上/向下”按钮进行更改?

我有一个输入:

<input type="number" name="amount" min="4" max="6" step="2" value="4" id="amount" />
Run Code Online (Sandbox Code Playgroud)

而且我没有一个正常的提交按钮来提交信息(使用 javascript)。

type=number 工作正常,但用户仍然可以输入他们想要的任何数字,我想阻止用户能够输入输入,但仍然允许使用 type= 出现的“向上/向下”箭头进行更改数字。我尝试过研究但找不到任何东西。这可能吗?

html css

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

比较img src +一个换行url字符串,看它们是否"相似"

如果您有以下代码:

    <div class="container">

        <a href="http://testing.test/photo.jpg">
            <img src="http://testing.test/photo.jpg">
        </a>

        <a href="http://testing.test/photo.jpg">
            <img src="http://testing.test/photo-450x450.jpg">
        </a>

        <a href="http://testing.test/photo.jpg">
            <img src="http://testing.test/photo-150x150.jpg">
        </a>

        <a href="http://somethingdifferent.test">
            <img src="http://testing.test/photo.jpg">
        </a>

    </div>
Run Code Online (Sandbox Code Playgroud)

我正在尝试在A标签中添加一个类,里面有图像.

所以我有

$(".container").find('a').has("img").each(function () {

            $(this).addClass("testingClass");
    });  
Run Code Online (Sandbox Code Playgroud)

但是,现在我想添加额外的支票.我只想添加类,如果图像src +一个href包装它是相同或"相似"(它们只有缩略图大小在末尾,即-150x150).

换句话说,在上面的HTML代码中,它会将类添加到<a>1,2,3但不是4.

我怎么能在Javascript/jQuery中做到这一点?对于第一个标签,我可以简单地比较src值和href值,如果相同=则为true/add class.但是其他的并不严格,并且会变得虚假,有没有办法做到这一点?

谢谢你的任何提示

javascript jquery

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

即使元素具有在CSS中设置的值,也获取内联样式值?

如果您有以下元素:

<span style="width:100px"></span>
Run Code Online (Sandbox Code Playgroud)

而css是:

span {width:50px!important;}
Run Code Online (Sandbox Code Playgroud)

有没有办法可以获得内联样式值并忽略css值?

谢谢

javascript jquery

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

检查值是否在字符串中,其值由逗号分隔?

有没有一种简单的方法来检查一个值是否在字符串中?

$string = ' 123,456,789,abc789,def'
if ($string has '789') { 
   // code
}
Run Code Online (Sandbox Code Playgroud)

我只想要一个完全匹配(所以只有789,而不是abc789)

我现在想到的唯一方法是使用逗号将字符串分解为数组,然后检查每个值是否匹配.有更好/更有效的方式吗?

php

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

如何将div的边界重叠在另一个下面?

我有一个底部边框的元素,我想在图像上显示它,但是,当我向下移动相关的div(使用负底边距)时,边框位于下面的图像元素下面.有没有办法将它设置在顶部?

我试过z-index但无济于事.我必须让"顶级"div有边框.

<div class="top">One</div>
<div class="block"><img src="http://placekitten.com/200/300"></div>
.top {border-bottom:5px solid red; margin-bottom:-3px; z-index:5;}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/gdRWy/1/

图片由Placekitten主持并拍摄:Pieter Lanser

多谢你们

css

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

如何使这个JavaScript代码更有效?

我目前正在为每个具有特定类别的第4个div添加一个类.但是,是否可以轻松计算它们并自动将其添加到每个第4个div?因为目前我这样做:

$(".item:eq(0)").addClass('first');
$(".item:eq(4)").addClass('first');
$(".item:eq(8)").addClass('first');
$(".item:eq(12)").addClass('first');
$(".item:eq(16)").addClass('first');
Run Code Online (Sandbox Code Playgroud)

这意味着如果有100个这样的div,我需要有这么多行.谢谢.

javascript jquery

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

使父元素与子元素的高度相同?

我有一个带有链接的标题,我想让h2成为链接的不同背景.但是,当我向链接添加填充时,它会溢出父节点,如何使父节点成为子节点的高度?

<h2><a href="#">Something</a></h2>  

h2 {background:blue; }
h2 a {background:red; padding:20px; color:white;}
Run Code Online (Sandbox Code Playgroud)

JSfiddle:http://jsfiddle.net/5LHmr/

谢谢

html css

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

包裹元素对?

如果您有以下代码:

<div class="parent">

    <div class="1a"></div>
    <div class="1b"></div>

    <div class="2a"></div>
    <div class="2b"></div>

    <div class="3a"></div>
    <div class="3b"></div>


</div>
Run Code Online (Sandbox Code Playgroud)

是否有一种有效/简单的方法来围绕每个a + b包装一个新的div,所以它看起来像这样:

<div class="parent">

   <div class="new-1">        
       <div class="1a"></div>
       <div class="1b"></div>
   </div>

   <div class="new-2">        
       <div class="2a"></div>
       <div class="2b"></div>
   </div>

   <div class="new-3">        
       <div class="3a"></div>
       <div class="3b"></div>
   </div>


</div>
Run Code Online (Sandbox Code Playgroud)

例如,我可以这样说:

用.parent中的每两个div <div class="new-(incremental variable)"></div>包装(新的包装div需要有一个唯一的类)

javascript jquery dom jquery-selectors

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