Estamos revisando nuestro proyecto y tratando de hacerlo lo más estándar posible en todas las páginas. Encontramos algunos enfoques posibles, descritos a continuación, que parecen funcionar de la misma manera (nuestro software está restringido a Chrome).
¿Hay alguna diferencia que no hayamos notado?
Opción A:
$(document).on('change', "#selectAAA", function () { ... } $(document).on('change', "#selectBBB", function () { ... }o
Opción B:
$(document).ready(function () { $("#selectAAA").change(function () { ... } $("#selectBBB").change(function () { ... } }La opción A es para la delegación del documento. Es bastante pesado si muchos elementos
$(document).on('change', "#selectAAA", function () { ... } $(document).on('change', "#selectBBB", function () { ... }Prefiero la opción C para elementos estáticos
$(function () { $("#selectAAA").on("change", function () { ... }); $("#selectBBB").on("change", function () { ... }); })O puede delegar cualquier selección: esto es similar a la opción A
Opción D
$(function () { $(document).on('change', "select", function () { if ($(this).is("#selectAAA")) { } else if ($(this).is("#selectBBB")) { } }) })