Javascript 弹出窗体不工作

所以我有这个图像，我按下它应该显示一个表单。我试着通过代码和警报工作来做一些警报，但是表单仍然没有显示出来

Folders.php

<?php require_once('menu.php') ?>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <script type="text/javascript" src="hideShowForm.js"></script>

    <aside>
        <form method="post" class="basic-frm" id="newFolder">
            <label>
                <h1>New Folder</h1>
            </label>
            <label>
                <span>Title:</span>
                <input id="title" type="text" name="title"/>
            </label>
            <label>
                <span>Description</span>
                <input id="description" type="text" name="description"/>
            </label>
            <input id="submit" type="submit" name="submit" value="Submit" class="button"/>
        </form>
        <script type="javascript">

        </script>
        <h1>Welcome</h1>
        <img src="images/newFolder.svg" onmouseover="this.src='images/newFolderHover.svg'" onmouseout="this.src='images/newFolder.svg'" id="clicky">
        <p>New folder</p>
    </aside>
<?php require_once('footer.php') ?>

因此，我在这里做的是，当页面加载时，表单将自动隐藏（工作正常），但当我单击id为

#clicky

的图像时，表单不会显示，但警报会显示

---

此外，我在控制台中没有错误，或者我已经尝试过了。

请将

Open

更改为所有小写

Open

：

$('#newFolder').dialog("Open")

应该是：

$('#newFolder').dialog("open")

---

并在页面的标题部分包含jQuery UI CSS。

请将

Open

更改为所有小写

Open

：

$('#newFolder').dialog("Open")

应该是：

$('#newFolder').dialog("open")

---

并且在页面的标题部分也包括jQuery UI CSS。

请不要使用

alert（）

进行troubel拍摄。使用

console.log（）

代替。请不要使用

alert（）

进行鳟鱼射击。改用

console.log（）

。太好了！很高兴我能帮忙。请随意接受这个答案。太好了！很高兴我能帮忙。请随意接受这个答案。