小编Adr*_*scu的帖子

我需要一个jQuery脚本,它将查看是否有任何元素具有特定的类并执行更改位置等操作.

这是方法,但我认为这不会奏效.

$("a.contact").toggle(function() {
    $("#contact").animate({
        right: '0'
    }, 2000);

    if ($("#about").hasClass("opened")) {
        $("#about").animate({
            right: -700 + "px"
        }, 2000);
    }
}, function() {
    $("#contact").animate({
        right: -700 + "px"
    }, 2000);
});

如果我的标记在ajax成功填充每个结果,我如何添加标记到我的标记.

map.gmap('addMarker', { 'position': new google.maps.LatLng(result.latitude, result.longitude) });

我试过这样,但没有成功:

map.gmap('addMarker', { 
    'position': new google.maps.LatLng(result.latitude, result.longitude), 
    'bounds': true,
    'icon': markerIcon,
    'labelContent': 'A',
    'labelAnchor': new google.maps.Point(result.latitude, result.longitude),
    'labelClass': 'labels', // the CSS class for the label
    'labelInBackground': false
});

可能重复:
对象文字声明中的自引用

有没有办法在同一个对象文字中访问属性名称的值？像这样的东西:

myFunction.init({
    varOne: 'something',
    varTwo: this.varOne + 'something else'
})

为什么图像的父div在底部有一些额外的像素.如何在没有硬代码父div高度的情况下删除像素.

http://jsfiddle.net/6x8Dm/

HTML

<div class="wrapper">
    <div class="column">
        <img src="http://www.lorempixel.com/200/200/" />
    </div>    
</div>  

CSS

.wrapper {
    width:200px;
    margin:0 auto;
}
.column {
    width:100%;
    background:#cc0000;
}

img {
    width:100%;
}

我正在努力寻找一种方法来使CSS页面转换在谷歌浏览器中表现良好.

在时间轴上的Chrome开发人员工具中,我注意到了一些红色标记,他们都说了同样的事情:长帧时间表示渲染性能差.有关渲染性能的Web Fundamentals指南,请阅读更多内容.

在我正在研究的应用程序上,这似乎是合法的,我试图调查,但找不到来源.

我做了一个更简单的演示,我仍然得到了红色标记:http://codepen.io/anything/full/qOOpza/

.page {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#ccc;
  &--1 {
    background:green;
  }
  &--2 {
    background: yellow;
  }
  &.moveToRight {
        animation: moveToRight ease .5s;
        animation-fill-mode: forwards;
    }

    &.moveToLeft {
        animation: moveToLeft ease .5s;
        animation-fill-mode: forwards;
    }
}


@keyframes moveToRight {
    from { }
    to { transform: translateX(100%); }
}

@keyframes moveToLeft {
    from { }
    to { transform: translateX(0); }
}

我有一个redux thunk动作,它获取一些数据然后调度一些动作(这里没有显示代码,但是你可以在下面的demo链接中找到它)

export const fetchPosts = (id: string) => (dispatch: Dispatch<TActions>) => {
    return fetch('http://example.com').then(
    response => {
        return response.json().then(json => {
        return "Success message";
        });
    },
    err => {
        throw err;
    }
    );
};

而不是在我的组件我用mapDispatchToProps用bindActionCreators,从我的组件调用该函数如下所示:

public fetchFunc() {
    this.props.fetchPosts("test").then(
        res => {
        console.log("Res from app", res);
        },
        err => {
        console.log("Err from app", err);
        }
    );
}

由于我使用的是typescript,我需要在Props中定义这个函数的类型

interface IProps {
    name?: string;
    posts: IPost[];
    loading: boolean;
    fetchPosts: (id: string) => Promise<string | Error>;
} …

我有这个HTML

<div class="sbox">
<div class="top-sbox"></div>
<h3>Menu</h3>
    <ul class="subpages">
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#" class="last">Subpagina</a></li>
    </ul>


<div class="bottom-sbox"></div>
</div>

如何在div.top-sbox之后和div.bottom-sbox之前包装所有元素.谢谢!

我想要这个结果:

<div class="sbox">
<div class="top-sbox"></div>
<div id="wrapper">
<h3>Menu</h3>
    <ul class="subpages">
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#">Subpagina</a></li>
    <li><a href="#" class="last">Subpagina</a></li>
    </ul>
</div>  
<div class="bottom-sbox"></div>
</div>

我有这两个功能:

validateEmail: function(value) {
    var regex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
return (regex.test(value)) ? true : false;
}

validateEmails: function(string) {

    var self = shareEmail;
    var result = string.replace(/\s/g, "").split(/,|;/);

        for(var i = 0;i < result.length;i++) {
            if(!self.validateEmail(result[i])) {
                return false;
            } else {               
            return true;
        }
    }
}

问题是,当我像这样测试电子邮件时,我if(!self.validateEmails(multipleEmails)) {只根据字符串中的第一封电子邮件得到真或假,但我想测试字符串中的任何电子邮件.

谢谢!

我有一个这样的 JavaScript 选择器：

var inputs = document.getElementsByTagName("input");

这很好用，只是我想过滤掉一些输入（具有“存在”类的输入）

如果没有 jQuery，我怎么能做到这一点？

如果我需要在几个月或几周后在我的cordova应用程序(HTML,JS,CSS)中进行一些更新,运行cordova build android --release --buildConfig会给我一个错误.

通常打开android studio并安装所有更新修复了错误.

事实:

• 我没有删除平台
• 上次它工作得很好
• 没有更新我的笔记本电脑,Android工作室或任何软件.

看起来,及时,cordova代码仍然过时,构建知道并迫使我更新以构建.

如何让cordova项目维护它自己的核心资源/插件,并能够构建我的JS/HTML/CSS,而不必担心最新的android SDK是否不符合插件或cordova版本？