簡體   English   中英

點擊按鈕加載jquery功能和進度條

[英]Load jquery function and progress bar on button click

我有一個頁面,上面有一個按鈕,單擊后我想加載一個加載進度條的jquery函數。在達到100%時,必須隱藏進度,並且該頁面必須重定向到另一個URl。

但是當我單擊按鈕時,進度根本沒有加載。

進度欄的原始演示可以在下面找到。http://www.jqueryscript.net/demo/Graphical-Circular-Timer-with-jQuery-CSS3-pietimer/

這是我到目前為止所做的。

 <script type="text/javascript">
   $(document).ready(function () {
       $('#btn').click(function () {
           $(function () {
               var timer = $('#timer');
               var url = "http://jquery4u.com";
               timer.pietimer({
                   timerSeconds: 1,
                   color: '#234',
                   fill: false,
                   showPercentage: true,
                   callback: function () {
                       timer.hide();
                       $(location).attr('href', url);
                   }
               });
           });
       });
   });
  </script>
  </head>
  <body>
  <div id="parent">
  <div id="timer"></div>
  </div>
  <div>
    <input id="btn" type="button" value="button" />
  </div>

請幫助

您不想將location對象包裝在jQuery中。

更改:

$(location).attr('href', url);

至:

window.location = url;

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM