javascript-spin.js-无法移除微调器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-spin.js-无法移除微调器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1558字，纯文字阅读大概需要3分钟。

内容图文

无论我如何尝试,我似乎都无法停止此微调器.

我一直在寻找实现它的方法,但是没有尝试过.

小提琴：

http://jsfiddle.net/gmvT4/5/

备用码：

var opts = {
    lines: 13, // The number of lines to draw
    length: 5, // The length of each line
    width: 2, // The line thickness
    radius: 5, // The radius of the inner circle
    corners: 1, // Corner roundness (0..1)
    rotate: 58, // The rotation offset
    direction: 1, // 1: clockwise, -1: counterclockwise
    color: '#fff', // #rgb or #rrggbb or array of colors
    speed: 0.9, // Rounds per second
    trail: 100, // Afterglow percentage
    shadow: false, // Whether to render a shadow
    hwaccel: false, // Whether to use hardware acceleration
    className: 'spinner', // The CSS class to assign to the spinner
    zIndex: 2e9, // The z-index (defaults to 2000000000)
    top: '50%', // Top position relative to parent
    left: '50%' // Left position relative to parent
};

var target = document.getElementById('foo');

$(document).on('click', '#spin', function () {
    var spinner = new Spinner(opts).spin(target);
});

$(document).on('click', '#stop', function () {
    $("#foo").data('spinner').stop();
});

<div id="foo"></div>
<button id="spin">Spin!</button>
<button id="stop">Stop!</button>

谢谢你的帮助！克雷格

解决方法:

未捕获的TypeError：无法读取未定义的属性“ stop”

此错误告诉您一些信息.您尝试在$(“#foo”).data(‘spinner’)上运行.stop().而是使用Spinner创建的实例,您需要首先在该click事件的范围之外进行声明.

var spinner;

$(document).on('click','#spin',function(){
  spinner = new Spinner(opts).spin(target);
});

$(document).on('click','#stop',function(){
  spinner.stop();
});

Updated fiddle c / oRenéRoth

内容总结

以上是互联网集市为您收集整理的javascript-spin.js-无法移除微调器？全部内容，希望文章能够帮你解决javascript-spin.js-无法移除微调器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端