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

您没有event为实际的事件处理程序指定参数：

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

您在 Chrome 中的工作是因为它模仿 IE 并公开了一个全局event对象。火狐没有。

Answer 2

事件应该作为函数（事件）的参数

改变

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

至

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

试试吧，虽然它没有经过我的测试。