[英]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.