小编dav*_*ave的帖子

如何使用jQuery将div css的可见性更改为可见

我的屏幕上有NEXT和PREVIOUS按钮.当页面最初加载时我希望隐藏上一个按钮,一旦用户单击下一步按钮我想要上一个按钮(div标签可见).我有一个上一个按钮的CSS属性,我将可见性值设置为False.还有一个if语句,我检查页面计数器是否大于1然后将navigationButtonTop的可见性更改为true.它不起作用..我做错了什么!?

$(function() {
  $("#navigationButtonTop").css("visibility", "visible");
});
Run Code Online (Sandbox Code Playgroud)
div.navigationButtonTop {
  visibility: hidden;
  height: 100px;
  width: 100px;
  background-color:blue;
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="navigationButtonTop"></div>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

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

如何在所有javascript ES6 Promise解决后运行

我正在替换一些使用jQuery Deferred对象的旧代码,我正在使用Bluebird/ES6 Promises进行重写.

如果我有多个异步调用,在解决所有promise之后如何触发函数.

使用jQuery Deferreds它会是这样的:

var requests = [...]; //some arbitrary data that is iterated to generate multiple ajax requests
var promises = [];
resuests.forEach(function(endpoint) {
    promises.push($.ajax({url: endpoint}));
});

$.when.apply($, promises).then(function() {
    alert('all promises complete!');
});
Run Code Online (Sandbox Code Playgroud)

如何使用ES6 Promise语法重写此内容?

javascript promise bluebird es6-promise

5
推荐指数
2
解决办法
3019
查看次数

什么"复制堆栈顶部项目"在空白语言中意味着什么?

我正在尝试实现Whitespace解释器以获得乐趣,目前我正在学习本教程以学习它的语法.

语法看起来很简单,但我不明白"复制堆栈顶部项目"是什么意思.那是什么意思?是否意味着获得堆栈顶部的值并将其保存到特殊寄存器中?

esoteric-languages whitespace-language

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

按字母顺序排序数组,但有例外

我有以下数组结构

[{
  name: "Mobile Uploads"
}, {
  name: "Profile Pictures"
}, {
  name: "Reports"
}, {
  name: "Instagram Photos"
}, {
  name: "Facebook"
}, {
  name: "My Account"
}, {
  name: "Twitter"
}]
Run Code Online (Sandbox Code Playgroud)

我要重新排序的阵列,使其按以下顺序:Profile Pictures,Mobile Uploads,Instagram Photos,和后来的对象是alpabetical顺序.

javascript arrays

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

如何显示通过动画排序的HTML元素

这是我的片段:

.item {
  display:inline-block;
  width:120px;
  height:120px;
  border:1px solid red;
}
Run Code Online (Sandbox Code Playgroud)
<div id="listing">
  <div data-value="5" class="item">item 5</div>
  <div data-value="3" class="item">item 3</div>
  <div data-value="2" class="item">item 2</div>
  <div data-value="1" class="item">item 1</div>
  <div data-value="4" class="item">item 4</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想div根据data-value属性的值对s 进行排序,但我想显示使用动画重新排列的项目.我怎样才能做到这一点?

javascript css jquery css3

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

Array.indexOf 如何比 Array.some 更有效率

这个问题的灵感来自这个问题的竞争答案:indexOf with multiple arguments

用户想知道一种有效的方法来测试数组中是否存在一个或多个给定的整数。具体来说,给定一个数组和数字123, 124, and 125,如何判断给定数组中是否存在这些整数中的一个或多个。提出了两种解决方案:

使用indexOf()

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var exists = array.indexOf(123) !== -1 || array.indexOf(124) !== -1 || array.indexOf(125) !== -1;
Run Code Online (Sandbox Code Playgroud)

或者,使用some()

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var exists = array.some(function(item) {
  return item === 123 || item === 124 || item === 125;
});
Run Code Online (Sandbox Code Playgroud)

找到成功匹配时,ECMA-262 算法indexOf() …

javascript arrays performance

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

在js中捕获自定义异常

如果我有以下

function ValidationException(nr, msg){
   this.message = msg;
   this.name = "my exception";
   this.number = nr;
}
function myFunction(dayOfWeek){
   if(dayOfWeek > 7){
      throw new ValidationException(dayOfWeek, "7days only!");
   }
}
Run Code Online (Sandbox Code Playgroud)

问题是:如何在catch块中捕获此特定异常?

javascript exception-handling try-catch throw custom-exceptions

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

我的div不会以HTML CSS为中心

我的守则

.nav_bar {
	position: absolute;
	top: 0;
	width: 800px;
	height: 23px;
	display: inline-block;
	text-align: center;
	background-color: #0090bc;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	border: 2px solid #004D6F;
	-webkit-box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.7);
	box-shadow: inset 2px 2px 0px rgba(255, 255, 255, 0.7), inset -2px -2px 0px rgba(0, 0, 0, 0.4);
	padding: 10px;
	font-family: arial;
	color: white;
}
Run Code Online (Sandbox Code Playgroud)
<center>
	<div class="nav_bar">
		<center><font size="5"><span class="shadow"><b>Text</b></span></font></center>
	</div>
</center>
Run Code Online (Sandbox Code Playgroud)

".nav_bar"div不会出于某种原因而居中!这是输出!我已经添加了中心标签,看看它是否会居中,但是不能有人请帮助我

输出: 在此输入图像描述

html css jquery

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

CSS尺寸 - 1厘米!= 1厘米

有一个好奇的时间弄清楚为什么这似乎不起作用.

我应用了CSS背景渐变,例如:

.element {
  width: 10cm;
  height: 5cm;
  background-size: 1cm;
  background-image: repeating-linear-gradient(
    90deg,
    red,
    black
  );
}
.child {
  width: 1cm;
  height: 1cm;
  background: green;
  outline: 1px solid black;
  float:left;
}
.child:before {
  content: "1cm";
  color: white;
}
Run Code Online (Sandbox Code Playgroud)
<div class="element">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在,在查看时(这是来自Chrome,但我在其他浏览器中看到类似的结果),这些行与该元素不匹配.我希望看到10个均匀分布的"背景"重复,最右边的排列与元素的边缘完全一致.

这个额外空间的原因是什么?

http://codepen.io/anon/pen/JoLVem

在codepen示例中,我有一个具有我想要的背景的元素,并且该元素有10个子元素.父母身高10厘米,儿童身高1厘米.正好10个孩子适合父母,因为1cm*10 = 10cm.

然而,背景是重复1cm宽的梯度.这应该导致在10cm宽的元素上精确地重复10次背景重复.如您所见,每个背景图像都不到1厘米.

css units-of-measurement

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