預(yù)期的結(jié)果是，當(dāng)頁(yè)面加載時(shí)，進(jìn)度條加載如下：https: //i.stack.imgur.com/xThgR.png然而我得到的結(jié)果是一個(gè)沒(méi)有進(jìn)度的進(jìn)度條，如下所示：https: //i.stack.imgur.com/vH9oh.png下面列出了 jQuery 和語(yǔ)義/語(yǔ)義 UI 庫(kù)的鏈接：<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>網(wǎng)站中具有進(jìn)度條的實(shí)際區(qū)域如下：<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貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
您忘記添加$('#progressHTML').progress();jQuery 的就緒事件，如下所示：
$(document).ready(function() {
$('#progressHTML').progress();
});一個(gè)例子是在我制作的 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 關(guān)注
- 130 瀏覽
添加回答
舉報(bào)
0/150
提交
取消