小编Yas*_*sir的帖子

如何在Wordpress中检查body_class()中的类

在Wordpress header.php中,我有

<body <?php body_class($class); ?>>
Run Code Online (Sandbox Code Playgroud)

如何检查特定类是否存在,然后加载标记作为结果?对于前者

<body class"home logged-in">

<?php if $class == 'home' ?>
    <div class="home"></div>
<? else : ?>
    <div class="internal-page"></div>
<? endif; ?>
Run Code Online (Sandbox Code Playgroud)

谢谢!

php wordpress

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

循环之间的CSS动画延迟

尝试获得带有类别价格的标签向上滑动,然后使用CSS向下滑动.

我有以下 -

-webkit-animation-name: slidingPrice;
-webkit-animation-duration: 300ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-delay: 4s;

@-webkit-keyframes slidingPrice {
  0% { opacity: 0; bottom: -30px; }
  50% { opacity: 1; bottom: 0; }
  100% { opacity: 0; bottom: -30px; }
}
Run Code Online (Sandbox Code Playgroud)

我看到动画在4秒内开始,但一旦开始,就会以快速的方式连续循环.如何在每个循环之间添加4秒延迟并在50%标记处停止2秒?

css animation delay

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

Javascript变量范围问题

我有一个变量mutedUser,我想坚持到另一个函数.我在click事件之外持久存在变量时遇到了一些麻烦.拥有它的最佳方法是什么,以便"返回mutedUser"将根据if语句的条件保持"静音"字符串添加?谢谢!

*console.log是我检查持久性停止的位置

this.isUserMuted = function isUserMuted(payload) {
  var mutedUser = '';
  // If mute button is clicked place them into muted users list
  // check for duplicates in list
  $("#messages-wrapper").off('click', '.message button.muteButton');
  $("#messages-wrapper").on('click', '.message button.muteButton', function(e) {

      $('#unMute').show();

      //create userId reference variable
      var chatUserID = parseInt($(this).parent().parent().attr("data-type"));

      //store userId in muted user object
      mutedUsers[chatUserID] = {};
      mutedUsers[chatUserID].id = chatUserID;
      mutedUsers[chatUserID].muted = true;

      if (mutedUsers[chatUserID] !== null && mutedUsers[chatUserID].id === payload.a) {
          console.log("user is now muted");
          mutedUser += ' muted';
          console.log(mutedUser + …
Run Code Online (Sandbox Code Playgroud)

javascript variables scope function

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

类型错误 - 不是构造函数

想在ES6 javascript中实例化一个模块并转换为ES5.我在我的项目中设置了一个新类,即es6/webpack.我有2个文件:track.js,其中包含以下内容 -

export default class Track {
  constructor() {
    this.o = {};
  }
}
Run Code Online (Sandbox Code Playgroud)

另一个是index.js -

import { Track } from './track';

const track = new Track();
console.log(track);
Run Code Online (Sandbox Code Playgroud)

我试图让控制台日志显示一个空对象.相反,我得到 - Uncaught TypeError:_track.Track不是构造函数

javascript transpiler ecmascript-6 webpack

6
推荐指数
2
解决办法
6681
查看次数

Javascript - 如何检查3个数字是否连续并返回起始点?

如果我有一个数组,[1, 2, 3, 5, 10, 9, 8, 9, 10, 11, 7]想要找到3个连续数字(无论是升序还是降序)的每个案例,我该怎么做?

然后,第二部分将使用这些序列中的每一个的索引来警告阵列.

对于前者 先前的数组将返回[0,4,6,7].

到目前为止,我有这个......这是一个艰难的开始

var arr = [1, 2, 3, 5, 10, 9, 8, 9, 10, 11, 7];
var results = [];

for (var i = 1; i < arr.length; i++) {
    if ((arr[i] - arr[i-1] != 1) && (arr[i] - arr[i+1] != 1)) {
        results.push(arr[i]);
    }

}
alert(results);
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助!

感谢math.abs指针.这就是我最终做的事情:

var array = [1, 2, 3, 5, 10, 9, 8, 9, 10, 11, 7]; …
Run Code Online (Sandbox Code Playgroud)

javascript arrays sequences

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

使用 React Virtualized 时添加元素之间的间隙

我正在使用 React-Virtualized 创建一个延迟加载无限列表。

https://github.com/bvaughn/react-virtualized/blob/master/docs/InfiniteLoader.md

但是,我无法在渲染的 div 之间创建间隙,因为它们是绝对定位的并且顶部是动态计算的。

我尝试过以下方法,但没有运气。关于如何在每个元素之间添加这种间隙有什么想法吗?谢谢!

<AutoSizer disableHeight>
   {({width}) => (
              <List
                onRowsRendered={onRowsRendered}
                ref={registerChild}
                rowCount={rowCount}
                rowRenderer={rowRenderer}
                width={width - 30}
                rowHeight={175}
                height={this.state.height - 64}
                style={{
                  paddingTop: 15,
                  boxSizing: 'content-box',
                }}
                containerStyle={{
                  position: 'relative',
                  overflow: 'visible',
                }}
              />
    )}
</AutoSizer>
Run Code Online (Sandbox Code Playgroud)

css list reactjs react-virtualized

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

在 Javascript 中过滤数组以查找 3 个连续的数字

给定一个未排序的正整数数组,编写一个函数来查找 3 个连续数字(升序或降序)的运行,并返回这些运行开始的索引。如果未找到此类运行,则返回 null。

function findConsecutiveRuns(input:Array):Array
Run Code Online (Sandbox Code Playgroud)

示例: [1, 2, 3, 5, 10, 9, 8, 9, 10, 11, 7] 将返回 [0, 4, 6, 7]

我的 JS 技能有点生疏,这是我在这方面的尝试...

var numArray = [1, 2, 3, 5, 10, 9, 8, 9, 10, 11, 7];
var newNumArray = []; 

for(var i = 1; i < numArray.length; i++) {
    if ((numArray[i] - numArray[i-1] != 1) || (numArray[i] + numArray[i+1] !=1)  {
        return 0;
    }
    else {
    newNumArray.push(numArray[i]);
    }
}
alert(newNumArray);
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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