鍍金池/ 問答/HTML/ 如何把這幾個(gè)方法合成一個(gè)呀?

如何把這幾個(gè)方法合成一個(gè)呀?

$('#contract_generate').on('click', function(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
});
$('.mask').on('click',function(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
    })
$('.contract_template').on('click',function(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
    })
回答
編輯回答
墨染殤

可以直接定義函數(shù)呀……

function mytoggle() {
    $('#contract_template_select').toggle();
    $('.mask').toggle();
});
$('#contract_generate')
    .add('.mask')
    .add('.contract_template')
    .on('click', mytoggle);
2017年9月8日 04:12
編輯回答
貓小柒

直接封裝方法啊~~

// 觸發(fā)源DOM Dom
function toggle(Dom){

Dom.on('click', function(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
});

})

// 調(diào)用 ( 填寫觸發(fā)源 $)
toggle($('#contract_generate'))

2018年7月20日 00:36
編輯回答
絯孑氣
$('#contract_generate,.mask,.contract_template').on('click', function(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
});

2017年3月3日 09:55
編輯回答
避風(fēng)港
$('#contract_generate,.mask,.contract_template).on('click', function () {});

或者事件代理的方式:

$(document).on('click', '#contract_generate,.mask,.contract_template', function () {});
2017年4月29日 18:36
編輯回答
久礙你
function someFun(){
    $('#contract_template_select').toggle();
    $('.mask').toggle();
}

$('#contract_generate').on('click', someFun);

$('.mask').on('click',someFun);

$('.contract_template').on('click',someFun);
    
2017年8月8日 13:18