asked on

Object doesn't support propert or method 'dialog'

This is my first attempt at a jQueryUI dialog, and Im stuck.

I have read and re-read the quick-start tutorial, but cannot figure out why my code doesnt work.

Everything I belive should be included is included, yet I still get the message saying dialog doesnt exist.

Any ideas where Ive gone wrong :-S

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript" src="..\jquery-1.6.4.js"></script>
    <script type="text/javascript" src="..\jquery-ui-1.8.16.custom.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#trigger").click(function () {
                $("#dialog-modal").dialog("destroy");
                $("#dialog-modal").dialog({
                    height: 140,
                    modal: true
                });
                })
            })
    </script>
    <title></title>
</head>
<body>
<div id="trigger">Trigger</div>
<div id="dialog-modal" style="display:none;" title="Basic modal dialog">Hello Banannas</div>
</body>
</html>

Open in new window

The jQueryUI file I downloaded is below:-
jquery-ui-1.8.16.custom.min.js

ASKER CERTIFIED SOLUTION

chaitu chaitu

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

garykristen

Hi tonelm54

You need to just defined this code in footer
This one code

<script type="text/javascript">
$(document).ready(function () {
$("#trigger").click(function () {
$("#dialog-modal").dialog("destroy");
$("#dialog-modal").dialog({
height: 140,
modal: true
});
})
})
</script>

SOLUTION