小编ded*_*ono的帖子

步进器纯 HTML CSS

我对我创建的进度条感到困惑。

我希望进度条在将类设置为“活动”后将其背景颜色更改为蓝色。但我希望进度条在类设置为“活动”之前更改其背景颜色。

这是我的 HTML:

<ul class="progressBar">
  <li class="active">Beong Processed</li>
  <li class="active">Waiting for payment</li>
  <li>Paid</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

...和CSS:

.progressBar li.active {
  color: dodgerblue;
}
.progressBar li.active:before {
  border-color: dodgerblue;
  background-color: dodgerblue
}
.progressBar li.active + li:after {
  background-color: dodgerblue;
}
Run Code Online (Sandbox Code Playgroud)

结果是这样

错误的

我希望它是这样的

对

https://jsfiddle.net/dedi_wibisono17/c69e374r/2/

html css stepper

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

输入输入类型编号时如何防止“0”作为第一个字符?

我想防止 0 作为第一个字符。但是当我再次focusout和focusin时,我在第一个添加“2”,它仍然运行,我想不应该运行。

这是我的 HTML

<input type="number" id="test">
Run Code Online (Sandbox Code Playgroud)

我的JS

$('#test').keypress(function(evt) {
  if (evt.which == "0".charCodeAt(0) && $(this).val().trim() == "") {
  return false;
   }
});
Run Code Online (Sandbox Code Playgroud)

有人帮助或建议我该怎么办?谢谢你。

html javascript jquery keycode

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

Vue JS中的图像路径

我在vue js中有这样的结构文件:

--assets
---- image
------ my-image.png
------ my-image2.png

--components
----用户
------ userStart.vue

我将使用数组中的对象显示图像,这是我的代码(userStart.vue)

<img v-for="image in images" :src="image.url"/>

export default{
  data(){
    return {
      images : [
         {
            url : '../../assets/image/my-image.png',
            name : 'My Image 1',
         },
         {
            url : '../../assets/image/my-image1.png',
            name : 'My Image 2'
         }
      ]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

问题是我无法显示图像,如何修复?谢谢

javascript arrays vue.js

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

通过jQuery选择上一个和下一个选项

当我点击下一个或上一个按钮时,我有错误.这是我的HTML

$("#nextPage").click(function() {
  $('#pagination option:selected').next().attr('selected', 'selected');
  console.log("hahaha next");
})

$("#prevPage").click(function() {
  $('#pagination option:selected').prev().attr('selected', 'selected');
  console.log("prev");
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="prev" id="prevPage">
<select id="pagination">
    	<option value="1" selected>1</option>
    	<option value="2">2</option>
    	<option value="3">3</option>
    	<option value="4">4</option>
    	<option value="5">5</option>
    	<option value="6">6</option>
    </select>
<input type="button" value="next" id="nextPage">
Run Code Online (Sandbox Code Playgroud)

这是我的jsfiddle

谢谢

javascript jquery select html-select

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

标签 统计

javascript ×3

html ×2

jquery ×2

arrays ×1

css ×1

html-select ×1

keycode ×1

select ×1

stepper ×1

vue.js ×1