JQuery UI: How to call a widget function with its namespace

Question

I created two custom JQuery UI widgets with same name but with different namespaces as given below: First widget:

$.widget(\'finance.dialog\',{....}); // this wa         


        

Answer 1

You can invoke a jQuery UI widget by its namespace like this:

$.ui.dialog(null, $('div#something'));  // Default jQ UI dialog
$.finance.dialog(null, $('div#something'));  // Your first custom dialog
$.hr.dialog(null, $('div#something'));  // Your second custom dialog

Use the first parameter, which is null in the example above, to send any options to the widget.