팝업 양식이 작동하지 않습니다.

Question

그래서이 이미지를 눌러 양식을 표시해야합니다. 나는 코드와 경고 작업을 통해 몇 가지 경고를 시도했지만 양식은 아직 보이지 않습니다.

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') ?> 

hideShowForm.js 그래서

$(document).ready(function(){ 
    $('#newFolder').dialog({ 
     autoOpen: false, 
     buttons: [ 
      { 
       text: "Cancel", 
       click: function() { 
        $(this).dialog("close"); 
       }}, 
      { 
       text: "Submit", 
       click: function() { 
        $('#zFormer').submit(); 
       }} 
     ] 
    }); 
    $('#clicky').button().click(function() { 
     $('#newFolder').dialog("Open") 
     alert("test"); 
    }); 
}); 

내가 여기 형태입니다 일을하고 있다는 것입니다 자동 숨기기 때 (잘 작동) 페이지로드하지만, #clicky ID가있는 이미지를 클릭하면 양식이 표시되지 않지만 경고는 나타납니다.

또한 콘솔에 오류가 없으며 이미 시도했습니다.

Answer 1

모두 소문자 open에 Open을 변경해주십시오 :

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

가 있어야한다 :

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

또한이 페이지의 헤드 섹션에 jQuery를 UI CSS를 포함한다.