小编Myo*_*oji的帖子

选中一定数量的复选框后调用函数

一旦检查了一定数量的复选框,我试图淡出一个div,但我无法让它工作.我尝试了val长度,但我相信我没有为复选框提取正确的值?

$('input:checkbox').change(
    function(){
        if ($(this).is(':checked').val > 2) {
            alert('checked');
        }
    });
Run Code Online (Sandbox Code Playgroud)

任何输入都会非常感激.谢谢!

javascript jquery

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

通过数据属性设置每个 DIV 的高度

我试图遍历每个具有 block 类的 div,并根据它的数据属性data-height单独设置它的高度

超文本标记语言

<div class="block" data-height="300"></div>
<div class="block" data-height="500"></div>
<div class="block" data-height="700"></div>
Run Code Online (Sandbox Code Playgroud)

jQuery

$('.block').each(function(){ 
    var size = $this.attr('data-height');
    $(this).height(size);
});
Run Code Online (Sandbox Code Playgroud)

JS 小提琴 http://jsfiddle.net/MLnBY/166/

当我在每个方法中使用它时,它不会返回高度,但因此不会为每个方法设置高度。

javascript jquery

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

将对象转换为JSON数组?

我有以下对象被返回.我通过读取json文件并将结果存储在新对象中来计算名称列表.

{
    ted: 501,
    jeff: 40,
    tony: 90
}
Run Code Online (Sandbox Code Playgroud)

以下函数创建一个对象,其名称为属性,计数为其值.

function countNames(json){

    var count = {};

    for (var i = 0, j = json.length; i < j; i++) {

       if (count[json[i].name]) {
          count[json[i].name]++;
       }
       else {
          count[json[i].name] = 1;
       } 
    }  

    return count;
}
Run Code Online (Sandbox Code Playgroud)

我需要创建一个生成这样结果的对象数组.

[
    {
        name: 'ted',
        total: 501
    },
    {
        name: 'jeff',
        total: 40
    }
    {
        name: 'tony',
        total: 90
    }           
]
Run Code Online (Sandbox Code Playgroud)

我不确定实现这一目标的最佳方法和最有效的方法是什么.任何帮助表示赞赏.

javascript json

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

自定义轮播间隔?

在Bootstrap 3中,使用jQuery有一种方法可以按照我的轮播索引进行排序并添加每张幻灯片的自定义间隔,这样我就可以有一张幻灯片10000毫秒和另一张500毫秒等?

我知道您可以设置data-interval属性,但这会设置所有幻灯片的速度,因为您无法为每个项目添加自定义区间属性.

data-interval="3000"
Run Code Online (Sandbox Code Playgroud)

我的旋转木马设置如下:

<div id="carousel" class="carousel slide">

     <div class="carousel-inner">

    <div class="item active">
        <a href="#">
              <img class="img-responsive" src="">
        </a>
    </div>

    <div class="item">
        <a href="#">
             <img class="img-responsive" src="">
        </a>
    </div>

    <div class="item">
        <a href="#">
             <img class="img-responsive" src="">
        </a>
    </div>

    <div class="item">
        <a href="#" >
            <img class="img-responsive" src="">
        </a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery twitter-bootstrap twitter-bootstrap-3

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

将HTML插入所有元素

我有一个问题是jQuery没有将指定的html元素插入到#element的所有实例中.但是,它只是将它插入第一个元素而不是其他3个具有该ID.

var htmlcode = '<div class="block"></div>';

$('#element').html(htmlcode);
Run Code Online (Sandbox Code Playgroud)

如果我将它切换到$('div')它会起作用,但这不是我想要的.我需要将其插入所有id为#element的div中.根据我从文档中理解的这应该有效吗?

javascript jquery

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