Оптимизация функций в jQueryUI

Question

Я хочу оптимизировано некоторые коды (я использую JQuery UI):

 
$(function() { 
    $('.click-login-modal').click(function() { 
     $('.login-modal').dialog('open'); 
     return false; 
    }) 

    $('.login-modal').dialog({ 
     autoOpen: false, 
     width: 500, 
     height:300, 
     modal: true, 
     resizable: false, 
    }) 
    $('.click-register-modal').click(function() { 
     $('.register-modal').dialog('open'); 
     return false; 
    }) 

    $('.register-modal').dialog({ 
     autoOpen: false, 
     width: 500, 
     height:300, 
     modal: true, 
     resizable: false, 
    }) 
})

Это возможно? У меня есть два условных модальности. (Dialog Popup)

Answer 1

var options = { 
     autoOpen: false, 
     width: 500, 
     height:300, 
     modal: true, 
     resizable: false 
    }; 

$(".register-modal").dialog(options); 
$(".login-modal").dialog(options); 

$('.click-register-modal, .click-login-modal').click(function() { 
    $(this).dialog('open'); 
    return false; 
}); 

Answer 2

Я хотел бы использовать язычки подход, где href будет указывать на элемент ID, так что вы можете изменить модальные классы для идентификаторов, а затем использовать:

var options = { 
     autoOpen: false, 
     width: 500, 
     height:300, 
     modal: true, 
     resizable: false 
    }; 

$(".register-modal").dialog(options); 
$(".login-modal").dialog(options); 

$('.click-register-modal, .click-login-modal').click(function() { 
    $($(this).attr('href')).dialog('open'); 
    return false; 
}); 

Или если вам нужно использовать классы, а затем заменить хэш # точкой ., также если вы не используете LINKS, вы можете использовать атрибут rel, чтобы указать на ваши диалоги или даже jquery data.