Jquery Ui Dialog Does not open

Question

Ive got a ASP.NET page that has a link that opens a dialog window "edit appointment", which works fine

function editAppointment(event) {
        $("#editAppointment")
            .load("/Schedule/Edit/" + event.id,
                function() {
                $("#editAppointment").dialog('open');

                });

    }
function loadClient(clientId) {
            alert('hi');
            $("#clientEditForm")
               .load("/Client/Edit/", function() {
                   $("#clientEditForm").dialog('open');
               });
        }

Within the page "/Schedule/Edit/" has a link to open the dialog "loadClient"

The function is called ok, but does not show another dialog window it use to work with an older version of jquery ui/jquery, now using the latest versions!, all I get is a javascript error

Uncaught TypeError: Object [object Object] has no method 'dialog' Schedule:346
(anonymous function) Schedule:346
b.extend.each jquery.1.9.1.min.js:4
b.fn.b.each jquery.1.9.1.min.js:4
(anonymous function) jquery.1.9.1.min.js:19
c jquery.1.9.1.min.js:4
p.fireWith jquery.1.9.1.min.js:4
k jquery.1.9.1.min.js:19
r

you might want to step through the js in chrome or firebug and see what is being selected by $("#clientEditForm") — Popo
– Popo, Commented May 18, 2013 at 15:07
renamed function, now get "Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'" — D-W
– D-W, Commented May 18, 2013 at 15:15

Craig · Accepted Answer · 2013-05-18 15:06:49Z

0

jQuery is not finding the #clientEditForm element. Could it be that the /Client/Edit/ page is not loading properly? Based on your loadClient method, I assume you may actually want to load /Client/Edit/:clientId.

answered May 18, 2013 at 15:06

Craig

6915 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Craig Over a year ago

Try just calling $("#clientEditForm").dialog() without the 'open' method.

D-W Over a year ago

no change, call looks like this function loadClientWindow(clientId) { console.log('Start'); $("#clientAppointmentEditForm") .load("/Client/Edit/" + clientId, function() { $("#clientAppointmentEditForm").dialog(); console.log('End'); }); }

Craig Over a year ago

Make sure you are not loading jQuery twice. See this solution: stackoverflow.com/questions/8786104/…

D-W Over a year ago

Nope, view does not contain any references to jquey

Collectives™ on Stack Overflow

Jquery Ui Dialog Does not open

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related