带有参数的jQuery自定义函数

Sheryf 发表于 Dev

谢里夫

我有发送sendTask（takk，layout）函数的链接（它是我自己的函数，她将值添加到表单中并发送给它）。我想结合使用此功能与jQuery。我做了这样的事情。

$(function() {
    $('#edit').click(function(e) { 
        e.preventDefault();
        submitTask('edit','edit');
    });
});

为了

<a href="#" id="edit">Link</a>

它可以工作，但是我想为我想要的所有元素（我不想为脚本中的每个元素定义$（）。click（））通用地更改jQuery函数，该函数将被称为onclick，如下所示：

<a href="#" onclick="jqueryFunction('task','layout')>Link</a>

因为我仍然想保留.preventdefautlFunction（）。我不知道如何使用params实现jQuery功能。我需要这样的东西，但工作正常：

function jqueryFunction(task,layout){
$('a').preventDefault();
submitTask(task,layout);
}

我是

实际上，使用干扰性事件处理程序通常是不好的做法-最好还是从第一个示例开始，然后再使用一个类来处理点击。

例如，您的标记可以更改为：

<a href="#" class="customClick" id="edit">Click Me</a>

然后，您的jQuery代码将如下所示：

$('a.customClick').on('click', function(e) {  
    e.preventDefault();
    var action = $(this).prop('id');
    submitTask(action, action);
});

如果需要定义与操作不同的布局，请使用以下switch()语句：

$('a.customClick').on('click', function(e) {  
    e.preventDefault();
    var action = $(this).prop('id'),
        layout;

    switch(action)
    {
        case 'edit':
            layout = 'edit';
            break;
    }
    submitTask(action, layout);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。