小编Wor*_*sor的帖子

jQuery的追加()定位

我必须从我的网站上删除()一些iems,然后将它们追加回去,但当我确实附加它们时,它们会出现在不同的地方,而我希望它们完全显示在他们曾经的同一个地方.

对此有什么解决方法吗?

这是一个沙盒,随意更新(注意第一次附加后图像如何改变位置):

http://jsfiddle.net/Zt9tZ/1/

css jquery position append

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

array_rand()数组到字符串?

我有一个数组,如:

$hex = array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f");
Run Code Online (Sandbox Code Playgroud)

我想将6个随机元素作为字符串返回(例如1a3564):

$random_color = array_rand($hex,6);
Run Code Online (Sandbox Code Playgroud)

我认为爆发$ random_color可以解决问题:

echo implode($random_color);
Run Code Online (Sandbox Code Playgroud)

但是array_rand()存储了父数组中元素的位置,而不是这个数组元素,所以我得到类似的东西:

259111213而不是259bcd.

我知道这正是我想要的:

echo $hex[$random_color[0]];
echo $hex[$random_color[1]];
echo $hex[$random_color[2]];
echo $hex[$random_color[3]];
echo $hex[$random_color[4]];
echo $hex[$random_color[5]];
Run Code Online (Sandbox Code Playgroud)

但:

  • 有没有办法在array_rand()中存储数组元素?为什么它首先存储元素的位置而不是元素?

  • 做我想做的最好的方法是什么?

  • 为什么array_rand()绝不选择一个字母作为第一个元素,几乎从不作为第二个/第三个(99%的生成颜色看起来像11111a 12345c 123456)?

php arrays random implode

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

CSS可按下按钮可移动所有列表元素

所以我想创建使用盒子阴影和边距的伪3d css3按钮,所以在点击时看起来像是按下了.

.button {
   margin: 0 0 5px 0;
   box-shadow: 0 5px 0 #000;
}

.button:active {
   margin: 5px 0 0 0;
   box-shadow: none;
}
Run Code Online (Sandbox Code Playgroud)

除非我尝试在列表中使用此代码,否则它的工作完全正常:

<ul>
   <li><a href="#" class="button>Link</a></li>
   <li><a href="#" class="button>Link</a></li>
   <li><a href="#" class="button>Link</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

因为在这种情况下,当我将鼠标悬停在其中时,它会移动所有列表链接.有没有办法解决它?我宁愿坚持边距,因为位置相对顶部底部会影响页面上的其他元素.

这是一个小提琴:http://jsfiddle.net/6tpR8/

css margin button

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

使用 Redux 更改根组件的状态/属性?

我的根组件呈现如下内容:

<Provider store={store}>
  <IntlProvider locale="en" messages={this.state.messages}>
    <Router>
      <App>
        // routes
      </App>
    </Router>
  </IntlProvider>
</Provider>
Run Code Online (Sandbox Code Playgroud)

this.state.messages从后端动态获取(异步、Redux 操作 + 减速器)作为对象。我将其存储在 Redux 存储中。我如何将 Redux 存储传递messagesthis.state.messagesprops也可以)。

情节扭曲:我不能对connect这个组件使用react-redux,因为它是根组件并且不在其中<Provider>(它引入了它),所以,这样做:

const mapStateToProps = state => {
  return {
    messages: state.messages
  }
}

export default connect(mapStateToProps)(RootComponent);
Run Code Online (Sandbox Code Playgroud)

结束于:

Uncaught Error: Could not find "store" in either the context or props of "Connect(RootComponent)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop …
Run Code Online (Sandbox Code Playgroud)

state reactjs redux

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

为导出/导入功能缩小PHP多维数组的最佳方法是什么?

我有多维和非常复杂的数组,包含不同的数据类型,布尔值,文本输入,甚至包括所有空格,html标签等的整个textareas.

什么是将数组显示为一串压缩数据的最佳PHP方式,这样我就可以导出和存储(比如说.txt文件)呢?我将来需要恢复这些数据(通过文本输入字段导入数据),因此它必须是可解析的.我喜欢这个字符串尽可能短.任何提示?

php arrays parsing store save

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

Flexalign-items 不能与flex-wrap 一起使用吗?

我有时觉得 Flex 太复杂了。

演示: https: //jsfiddle.net/304xhguw/

我正在尝试创建一个容器,其末尾有多行文本:

在此输入图像描述

使用 Flex 这应该很容易,对吧?

div {
  display: flex;
  align-items: flex-end;
  padding: 20px;
  height: 300px;
  background: #222;
  flex-wrap: wrap;
}

h1 {
  width: 100%;
}

h1, p {
  color: #fff;
}
Run Code Online (Sandbox Code Playgroud)

完成后,容器使用 flex,在末尾对齐项目,并且 h1 由于wrapwidth的原因创建一个新行100%。完美的。

并不真地:

在此输入图像描述

等等,这里刚刚发生了什么?<p>与底部对齐,但是<h1>- 不是?但是父容器有align-items: flex-end;,这是什么妖术?

不用担心,有一些令人惊奇的属性应该有效,让我们尝试一下:

h1 { align-self: flex-end; }

没有任何改变,嗯,好吧,那么也许:

h1 { align-self: end; }

好吧,现在怎么办?

拜托,谁能向我解释一下这里到底发生了什么以及为什么 Flex 如此愚蠢地不直观?position: relative我本可以使用good old甚至(我知道,我知道......)在20秒内完成此操作tables。是只有我一个人觉得 Flexbox 是一个强大的工具,但对于 …

css flexbox

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

在同一页面上将jQuery变量传递给PHP?

我知道这是一个关于Stack Overflow的常见问题,但我找不到PHP代码在同一文件中高于JS脚本的情况.我想ajax POST/GET在这种情况下不会做这个工作?

(...)
var ww = $(window).width();
   </script>

<?php $ww = [data here] ?>
Run Code Online (Sandbox Code Playgroud)

javascript php variables jquery

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

标签 统计

css ×3

php ×3

arrays ×2

jquery ×2

append ×1

button ×1

flexbox ×1

implode ×1

javascript ×1

margin ×1

parsing ×1

position ×1

random ×1

reactjs ×1

redux ×1

save ×1

state ×1

store ×1

variables ×1