2016-04-17 5 views
0

私はこのカスタムカウントダウンの中心にカスタムテキストを配置しようとしていますが、現在中央にある数字とテキストを置き換える方法がわかりません。このコードブックから数字と秒のテキストを削除する方法

Codepenリンク: http://codepen.io/anon/pen/zqjdRg

コード例:

<div class="progress-pie-chart" data-start-time="30" data-percent="30"> 
    <div class="ppc-progress"> 
    <div class="ppc-progress-fill"></div> 
    </div> 
    <div class="ppc-percents"> 
    <div class="pcc-percents-wrapper"> 
     <span>Changing this does nothing</span> 
    </div> 
    </div> 
</div> 

私はスパンテキストを変更した場合、それが働くだろうと思ったが、無サイコロ:(

+0

javascriptによって実行され、 '$( 'ppc-percents span').html(percent + 'sec');' – juvian

答えて

2

行番号40での変更を行います。

$('.ppc-percents span').html('Your text'); 

Codepen

0

トリックは行番号にあります。 JSの40:$('.ppc-percents span').html(percent+' sec');。 この行を使用すると、内側にスパンが設定され、'n'秒の残りの文字がになります。そのテキストを削除したい場合は、JSの40行目を削除してください。

関連する問題