在表单提交上触发页面加载微调器

Question

我正在尝试让javascript微调器来提交来自的信息。 我正在使用spin.js，并将在这里找到的代码作为起点。

我们有2个触发该Java的选项：

1. 提交表单时＃submit-form
2. 上次单击按钮时：按钮的唯一类是.next-submit。

我不确定我要去哪里。

我不明白的另一件事是我是否需要在页面的html中使用div #spinner，或者是否是动态生成的。

 <script src="http://www.purevisionmethod.com/js/spin.min.js"></script> <script> $(function() { // Remember to use 'var' var spinner_div = $('#spinner').get(0), spinner, opts = { lines: 16, // The number of lines to draw length: 23, // The length of each line width: 5, // The line thickness radius: 30, // The radius of the inner circle corners: 100, // Corner roundness (0..1) rotate: 0, // The rotation offset direction: 1, // 1: clockwise, -1: counterclockwise color: '#000', // #rgb or #rrggbb or array of colors speed: 1, // Rounds per second trail: 100, // Afterglow percentage shadow: true, // Whether to render a shadow hwaccel: true, // 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 }, showSpinner = function() { // Add 'lightbox-is-open' and 'lightbox-is-fixed' classes to HTML $('html').addClass('lightbox-is-open lightbox-is-fixed'); // Remove 'hidden' class from '.glasspane' $('.glasspane').removeClass('hidden'); // Show spinner if(spinner == null) { spinner = new Spinner(opts).spin(spinner_div); } else { spinner.spin(spinner_div); } // Submit form after 500ms var timer = window.setTimeout(function() { $('form').submit(); }, 500); }; // Bind events $('form').on('submit', function(e) { e.preventDefault(); showSpinner(); }); $('.next-sbumit').on('click', function(e) { e.preventDefault(); showSpinner(); }); $('select').on('change', showSpinner); }); </script> 

谢谢你的帮助！！

Answer 1

我没有看到任何错误，但是我注意到的一件事是这里的拼写错误：

$('.next-sbumit').on('click', function(e) {
    e.preventDefault();
    showSpinner();
});

下sbumit应该有可能是下一步- 子麻省理工学院-是否正确？