CODEWITHSUNDEEP
javascriptjqueryjquery-ui
Leopold Stotch
Leopold Stotch

Reputation: 1522

JQuery - Click event not working

Can anyone spot why the ShowVideo click event won't fire to make the JQueryUI dialog show? I'm sure it's something relatively simple that i'm overlooking.

Here is my page's relevant code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test</title>
<link rel="Stylesheet" type="text/css" href="Styles/Site.css" />
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,900' rel='stylesheet' type='text/css' />
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


 <script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $("#dialog").dialog({ autoOpen: false }); //Hide the modal on page load.
        });

        $("#ShowVideo").click(function () {

            $("#dialog").dialog("option", "show", "slow"); // Should show the MF'ing dialog but never gets hit!
        });
    });

  </script>


</head>
<body>

        <h2Links</h2>
        <ul class="SidebarMenu">
            <li id="ShowVideo">Test Popup</li>
        </ul>


   <div id="dialog" title="Test">

  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>



</body>
</html>

Quick JS fiddle to demonstrate: http://jsfiddle.net/Lnp9v/

Upvotes: 0

Views: 74

Answers (2)

km6zla
km6zla

Reputation: 4877

The method is open.

$("#dialog").dialog("open");

Upvotes: 1

Tim Withers
Tim Withers

Reputation: 12059

You are changing an option, not "open"-ing the dialog:

$("#dialog").dialog("open");

Updated Fiddle: http://jsfiddle.net/Lnp9v/4/

Upvotes: 4

Related Questions