jquery-ui – 多个元素的事件监听器 – jQuery

前端之家收集整理的这篇文章主要介绍了jquery-ui – 多个元素的事件监听器 – jQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我正在研究的ASP MVC页面中,三个输入字段的值确定了第四个的值.邮政编码,州代码和其他称为香奈儿代码内容将确定第四个字段(称为区域代码)的值.

我刚刚开始学习jQuery几周前,所以我首先想到你可以放一个.change事件来检查其他两个字段中的值,如果它们存在,则调用一个单独的方法来比较三个并确定Territory代码.但是,我想知道是否有更优雅的方法解决这个问题,因为它似乎在不同的地方编写了大量相同的代码.

解决方法

您可以通过指定多个选择器将回调绑定到多个元素:
$(".field1,.field2,.field3").click(function() {
    return field1 +
           field2 + 
           field3;
});

如果需要根据单击的元素执行特定操作,则另一个选项是创建执行实际计算的函数,然后从每个回调中调用函数.

var calculate = function() {
    return field1 +
           field2 + 
           field3;
};

然后在每次单击时调用函数

$(".field1").click(function() {
    // Perform field1-specific logic
    calculate();
});

$(".field2").click(function() {
    // Perform field2-specific logic
    calculate();
});

// etc..

这意味着你不要重复自己.

猜你在找的jQuery相关文章