Question

我正在尝试让javascript微调器处理提交来自。我正在使用spin.js和我在这里找到的代码作为起点。

我们有两个选项可以触发java：

＃submit-form
最后一次点击按钮时：按钮的唯一类是.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();
});

next-sbumit 应该是next- sub mit-correct？

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

1 个答案: