Optimierungs-Funktionen in jQueryUI

Question

Ich möchte einige Codes optimieren (I jQuery UI verwenden):

 
$(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, 
    }) 
})

Es ist möglich? Ich habe zwei respektvolle Modalitäten. (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

ich die Tabs Ansatz verwenden würde, wo die href auf das Element ID zeigen würde, so dass Sie Ihre modal-Klassen-IDs ändern und dann verwenden:

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; 
}); 

Oder wenn Sie müssen Klassen verwenden und dann den Hash # durch einen Punkt . ersetzen. Auch wenn Sie LINKS nicht verwenden, können Sie das Attribut rel verwenden, um auf Ihre Dialoge oder sogar jquery data zu zeigen.