javascript - jQuery .on() 语法并将多个参数传递给函数

Question

我有以下脚本，它在 Firefox 上不起作用，但似乎在 Google chrome 上起作用。

    <script>

    $(document).ready(function(){
    $('#btn_2').on('click', function () {addselectable(event, 7)});

     $(function() {
       $( "#selectable" ).selectable();
        });  
    });

    </script>

     function addselectable (event, size) {
        event.preventDefault();
        event.stopPropagation();
        alert('hello');
        var s = size;
        var p = $('<ol>').attr('id', 'selectable');
        var count = 0
        for (var i = s; i >= 0; i--)
        {
            count = count + 1;
            var li = $('<li>').attr('class', 'ui-state-default').text(count);
             $(li).appendTo(p)
             p.append(li);
        }
        $(p).appendTo('body');
        alert('I am done');

//};

如何在点击事件中将多个参数传递给我的函数“addselectable”，是否有一种适用于所有浏览器的替代方法？

Answer 1

事件应该作为函数(事件)的参数

改变

$('#btn_2').on('click', function () {addselectable(event, 7)});

到

$('#btn_2').on('click', function (event) {addselectable(event, 7)});

虽然我没有测试过，但请尝试一下。