我对我创建的进度条感到困惑。
我希望进度条在将类设置为“活动”后将其背景颜色更改为蓝色。但我希望进度条在类设置为“活动”之前更改其背景颜色。
这是我的 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)
结果是这样
我希望它是这样的
我想防止 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)
有人帮助或建议我该怎么办?谢谢你。
我在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)
问题是我无法显示图像,如何修复?谢谢
当我点击下一个或上一个按钮时,我有错误.这是我的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)
谢谢
javascript ×3
html ×2
jquery ×2
arrays ×1
css ×1
html-select ×1
keycode ×1
select ×1
stepper ×1
vue.js ×1