如何在if条件为值的情况下触发两个select

Question

我试图触发woocommerce变化的两个选择，并根据值应用内联样式，我的脚本是这样的，但我做错了。由于

jQuery(document).ready(function($){

var isDesktop = window.matchMedia("only screen and (min-width: 760px)");

if (isDesktop.matches) {
jQuery('select#pa_modalita-pagamento , select#pa_partecipanti').on('change', function() {
var val = jQuery(this).val();
if (val ==='acconto-saldo', val === 'partecipanti-1'){ // i think the problem is here
setTimeout(function(){ jQuery(".woocommerce-variation-description").transition({ x: '0px', y: '80px' }); }, 100);
}
else if(val === '') {
}

else {
} 
});
}
});

Answer 1

脚本工作良好，直到(val ==='acconto-saldo', val === 'partecipanti-1')。不要使用逗号，而是使用JavaScript或操作符||。例:(val ==='acconto-saldo' || val === 'partecipanti-1')

下面是一个基本的示例:https://jsfiddle.net/emaozqjw/

一种更优雅的编码方式是创建一个值数组，并使用includes方法查看值是否存在。例:['acconto-saldo', 'partecipanti-1'].includes(val).

下面是另一个基本的演示:https://jsfiddle.net/emaozqjw/1/