小编tes*_*est的帖子

单击 - 导航前的延迟

是否有任何简单的方法来创建代码:如果URL更改或点击链接显示div(如加载gif 3秒)然后显示页面?有点像空白页面加载gif旋转3秒然后显示页面?

谢谢!

jquery

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

jQuery将类添加到当前li并在li a中单击时删除prev li

这是html:

<ul>    
    <li class="current"><a href="#">menu item</a></li>  
    <li><a href="#aba">menu item</a></li>
    <li><a href="#abb">menu item</a></li>
    <li><a href="#abc">menu item</a></li>
    <li><a href="#abd">menu item</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

如果我按'a'链接,它会添加类'当前'来点击li并删除旧的li类?这是我的尝试:

$('ul li a').click(function(){
  $('ul li').removeClass('current');
  ... don't know here (add class to current li) ...
});
Run Code Online (Sandbox Code Playgroud)

html jquery

12
推荐指数
2
解决办法
9万
查看次数

jQuery如何在点击时停止Vimeo视频

这是简单的代码:http://jsfiddle.net/YAFuW/1/

基本上我试着这样使用:

<iframe src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

<a href="#">STOP</a>

$('a').click(function() {
   alert('stoped');
   froogaloop.api('unload');
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins vimeo

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

jQuery使用循环显示总li项

基本上我想显示包含sub ul的每个列表项的总列表项,请参阅我的代码:http://jsfiddle.net/NykJe/

<ul>
    <li>linkA</li>
    <li>linkB<span class="total"></span>
        <ul>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
        </ul>
    </li>
    <li>linkC</li>
    <li>linkD<span class="total"></span>
        <ul>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
            <li>link2</li>
        </ul>
    </li>
</ul>

var total = $('ul li ul li').size();
$('.total').append('<div>'+ total +'</div>');
Run Code Online (Sandbox Code Playgroud)

我想使用循环来计算每个特定的子项目计数和结果将是LinkB 3和LinkD 5目前它显示LinkB 8,LinkD 8

jquery

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

键盘按下时,jQuery CyclePluging下一个上一个点击事件

当我点击向左或向右键盘箭头时,如何显示下一个上一页?

http://jsfiddle.net/9Ntrz/

$(document.documentElement).keyup(function (e) {

    if (e.keyCode == 39)
    {
        ???
    }

    if (e.keyCode == 37)
    {
        ???
    }

});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins

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

jQuery选择下一个div

因此代码如下所示:当将鼠标悬停在当前link1上时,如何更改div1?

<ul>
    <li>
        <a class='link1'></a>
        <a class='link2'>
            <div class='div1'></div>
            <div class='div2'></div>
        </a>
    </li>
    <li>
        <a class='link1'></a>
        <a class='link2'>
            <div class='div1'></div>
            <div class='div2'></div>
        </a>
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我试过这样的:

$(".link1").hover(
function () {
        $(this).nextAll('.div1').css('display','block');
        ...
    },

    function () {
        ...
    }
);
Run Code Online (Sandbox Code Playgroud)

jquery

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

React 将 props 对象转换为数组然后 setState

我需要转换这个道具:

在此输入图像描述

进入这个数组:

this.setState({
            locations: [
                { label: 'California', value: 'california' },
                { label: 'Nevada', value: 'nevada' },
            ]
});
Run Code Online (Sandbox Code Playgroud)

最初我正在使用这个插件,并想用我的道具替换它的默认值,但无法转换它。

javascript reactjs

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

jQuery如何从URL中删除#

我的网址生成如下:仅显示在ie9中

http://myurl.com/#/categories/posts
Run Code Online (Sandbox Code Playgroud)

如何从网址中删除#并http://myurl.com/categories/posts在其余网页上进行删除?谢谢.

我可以这样用吗?如何检测#因为首页没有#.

if ($.browser.msie  && parseInt($.browser.version, 10) === 9 && window.location.href.indexOf("#")) 
    {
        document.location.href = String( document.location.href ).replace( /#/, "" );
    }
Run Code Online (Sandbox Code Playgroud)

删除#/用作.replace( /#\//, "" );提到的Kevin B.

javascript jquery

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

jQuery循环插件如何添加活动类

例如:http://jsfiddle.net/kuTLf/

代码看起来像这样:

<div id="main">
        <div id="slideshow" class="pics">
            <div id="nav"></div>
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" />
            <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" />
        </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JS:

$(function() {
    $('#slideshow').cycle({
        fx:     'turnDown',
        speed:  'fast',
        timeout: 3000,
        pager:  '#nav',
        slideExpr: 'img'
    });
});
Run Code Online (Sandbox Code Playgroud)

如何将当前活动类添加到当前img?喜欢<img class='active>

jquery jquery-plugins

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

JS比较两个数组与对象并通过属性名称ES6方式删除重复项

想要将两个数组与对象进行比较并通过其属性名称删除重复项,我有这两个:

arr1 = [{
  item:"apple",
  description: "lorem"
},{
  item:"peach",
  description: "impsum"
}]

arr2 = [{
  item:"apple", description: "dolor"
},{
  item:"grape", description: "enum"
}]
Run Code Online (Sandbox Code Playgroud)

我想要这个结果:

arr3 = [{
  item:"peach", description: "impsum"
},{
  item:"grape", description: "enum"
}]
Run Code Online (Sandbox Code Playgroud)

我已经尝试过这种 es6 方法但不起作用arr3 = arr1.filter(val => !arr2.includes(val));

javascript ecmascript-6

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