Jquery within dialog box

Question

I'm having difficulty getting jquery to work within a dialog box. I have the following code:

<html>
    <head>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script>
    $(function(){
        $('#dialog').dialog();
    });
    $('#switch').click(function(){
        $('#number1').hide();
        $('#number2').show();
    });
    </script>
<style>
#number2{
    display:none;
}
</style>
</head>
<body>
<div id="dialog" title="blank">
<div id="number1">
    <form>
        <p><input type="text" name="text"></p>
        <p><input type="radio" name="one" value="one">One</p>
        <p><input type="radio" name="one" value="two">Two</p>
        <p><input type="radio" name="one" value="three">Three</p>
        <p><input type="submit" name="submit" value="submit"></p>
        <p id="switch">click here to switch</p>
    </form>
</div><!--End of #1-->
<div id="number2">
    <h1>div number 2</h1>
</div><!--End of #2-->
</div>
</body>
</html>

I'm just trying to figure out why I cant get div #2 to show and div #1 to hide. I'm sure there's a simple solution, but I can't seem to find it. Thanks in advance for the help

Satpal · Accepted Answer · 2013-11-15 23:28:03Z

1

You have to bind event in $(function(){...}); in document-ready function

$(function(){
    $('#dialog').dialog();

    $('#switch').click(function(){
       $('#number1').hide();
       $('#number2').show();
    });

});

answered Nov 15, 2013 at 23:28

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

Jquery within dialog box

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related