Cannot Close jQuery UI Dialog Box

Question

Here is the jquery for the code to open/close the dialog and the HTML links:

$("#security-code-link").click(function() {
    $("#security-code-box").dialog({ 
        draggable: false, 
        height: 500,
        modal: true,
        position: ["center","center"], 
        resizable: false, 
        width: 500
    });
});

$("#close-security-code-link").click(function() {
        $("#security-code-box").dialog("close");
});


<a id="security-code-link">Where is this?</a>
<div id="security-code-box">
<h3>Where is my security code?</h3>
<div class="center">
    <img src="<?php bloginfo("template_directory"); ?>/images/security-codes.jpg" />
    <br /><a id="close-security-code-link">Close this box</a>
</div>
</div>

Why is the dialog box not closing?

Its working for me: jsfiddle.net/G9GY8/2 using ff4, what browser are you using? — Bernardo Mendes
– Bernardo Mendes, Commented May 25, 2011 at 20:29

Alexandre Testu · Accepted Answer · 2011-05-25 20:27:05Z

1

Try this:

$(function () {
    $("#security-code-box").dialog({ 
        draggable: false, 
        height: 500,
        modal: true,
        position: ["center","center"], 
        resizable: false, 
        width: 500,
        autoOpen: false
    });
    $("#security-code-link").live('click', function() {
       $("#security-code-box").dialog('open');
    });
    $("#close-security-code-link").live('click', function() {
       $("#security-code-box").dialog("close");
    });
});

answered May 25, 2011 at 20:27

Alexandre Testu

4333 silver badges15 bronze badges

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

Comments

DarthJDG · Accepted Answer · 2011-05-25 20:29:43Z

1

Works for me: http://jsfiddle.net/muF8S/1/

Make sure your script is within your ready function.

answered May 25, 2011 at 20:29

DarthJDG

16.6k11 gold badges52 silver badges56 bronze badges

Collectives™ on Stack Overflow

Cannot Close jQuery UI Dialog Box

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related