Question

我想设计jquery进度条[PB]，当100％完成时，PB应该被隐藏，而且HTML href链接＆＃39;要显示，而不是演示中显示的警告框，以便点击我想要重定向到另一个页面的链接。

进度条的演示可以在下面找到..

http://www.jqueryscript.net/demo/Graphical-Circular-Timer-with-jQuery-CSS3-pietimer/

以下代码是我尝试过的

<script type="text/javascript">
  $(function() {
  $('#timer').pietimer({
      timerSeconds: 10,
      color: '#234',
      fill: false,
      showPercentage: true,
      callback: function() {
            $("input[name='btn']").click(function() {
            $("#parent").html("<div>content of the div</div>");
        });
      }
  });
});
</script>
<body>
<div id="menu">
<div id="timer" style="margin-top:100px;">
<div id="parent">       
</div>
 <form>
    <input type="button" id="btn" name="btn" value="Button" />
 </form>
</div>

请帮助..

Answer 1

这是工作小提琴：Fiddle

HTML：

<div id="parent">
   <div id="timer"></div>
</div>

JS：

  $(function () {
  var timer = $('#timer');
  timer.pietimer({
      timerSeconds: 1,
      color: '#234',
      fill: false,
      showPercentage: true,
      callback: function () {
          timer.hide();
          $('#parent').append("<a href='http://goo.gl'>Link </a>")
      }
  });
});

根据您的需要进行修改。

Answer 2

HTML结构存在问题。您错过了timer div的结束标记。我已更正相同内容并为您创建Fiddle

在jquery进度条的末尾加载div或href链接

2 个答案: