預期的結果是，當頁面加載時，進度條加載如下：https: //i.stack.imgur.com/xThgR.png然而我得到的結果是一個沒有進度的進度條，如下所示：https: //i.stack.imgur.com/vH9oh.png下面列出了 jQuery 和語義/語義 UI 庫的鏈接：<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css"> <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> <script src="semantic/dist/semantic.min.js"></script> <script> $('#progressHTML').progress(); </script>網站中具有進度條的實際區域如下：<div id="skills" class="skills-containter"> <div class="skills-text-containter"> <h1 class="ui header skills-header">Skills</h1> <div class="ui blue progress" data-percent="74" id="progressHTML"> <div class="bar"></div> <div class="label">HTML</div> </div> <p class="ui paragraph skills-paragraph">no</p> </div> </div>任何幫助，將不勝感激。:)
1 回答
慕仙森
TA貢獻1827條經驗 獲得超8個贊
您忘記添加$('#progressHTML').progress();jQuery 的就緒事件，如下所示：
$(document).ready(function() {
$('#progressHTML').progress();
});一個例子是在我制作的 codepen 中工作：
https://codepen.io/mayconmesquita/pen/YzyGvVN
代碼：
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>
<script>
$( document ).ready(function() {
$('#progressHTML').progress();
});
</script>
<div id="skills" class="skills-containter">
<div class="skills-text-containter">
<h1 class="ui header skills-header">Skills</h1>
<div class="ui blue progress" data-percent="74" id="progressHTML">
<div class="bar"></div>
<div class="label">HTML</div>
</div>
<p class="ui paragraph skills-paragraph">no</p>
</div>
</div>
- 1 回答
- 0 關注
- 120 瀏覽
添加回答
舉報
0/150
提交
取消