我需要一些来自semantic UI的进度条帮助。我试图用递增/递减按钮复制第一个示例,但对于我的生活,无法使其工作,任何关于此问题的帮助或使用Javascript代码示例将不胜感激。进度条增量/减量
Q
进度条增量/减量
0
A
回答
1
该页面的代码是located here,而你特别期待在本节:
$buttons
.on('click', function() {
var
$progress = $(this).closest('.example').find('.ui.progress')
;
if($(this).hasClass('increment')) {
$progress.progress('increment');
}
else {
$progress.progress('decrement');
}
})
;
正如你所看到的,每个按钮添加一个click
事件。然后,$progress
被分配到最近找到的进度条。最后,我们检查按钮的类别(以了解它是否处于/减量),并相应地使用该.progress
值。
虽然我们在这,这里是他们使用的按钮HTML:
<div class="example">
<div class="ui progress">
<div class="bar">
<div class="progress"></div>
</div>
</div>
<div class="ui icon buttons">
<div class="decrement ui basic red button"><i class="minus icon"></i></div>
<div class="increment ui basic green button"><i class="plus icon"></i></div>
</div>
</div>
+0
谢谢Moustach,你的帖子帮了我很多,我的大脑放屁;)我终于得到它的工作!是的,只是添加了“var semantic = $(this)”,所以我没有得到类似“ReferenceError:语义未定义”的错误,并且所有内容都检查出来,再次感谢;) – sdeschamps
相关问题
- 1. 进度条增量
- 2. 。长度增量和减量
- 3. 进度条 - 按增量暂停0.5秒?
- 4. css径向进度条增量为1%
- 5. 总增量和减量
- 6. 减慢进度条进度
- 7. 增量加载进度环
- 8. 以角度形式递增递减量
- 9. 如果数量增加,进度条必须增加使用php
- 10. 增减音量键
- 11. 进度条C#变量
- 12. jQuery进度条值=变量
- 13. JavaScript复选框增量和减量
- 14. For循环/增量和减量
- 15. 增量和变量的递减printf中
- 16. for循环中的增量和减量
- 17. 增量/减量按钮在ExtJS
- 18. 增量和减量的循环优化
- 19. 无法演示并发增量/减量
- 20. AngularJS - 限制增量和减量
- 21. MySQL:自动增量减1?
- 22. 更改增量减少框
- 23. setInterval增量增加/减少图像宽度
- 24. 如何减慢进度条?
- 25. 减少和增加浮动增量android
- 26. 进度打开表格自动增量?
- 27. PySpark条件增量
- 28. mapView地区纬度和经度增量减少每个搜索
- 29. AppleScriptObjC:进度条不增加
- 30. 点击增加或减少jQuery Ui进度条
孤单的没有必要把[解决]的称号,你的答案的接受表明这个问题已经有了答案。 :) – Tony
Oups,谢谢托尼;) – sdeschamps