JQuery 대화 상자가 작동하지 않습니다.

Question

3 시간 동안입니다. JQuery 대화 상자를 사용해 봅니다. 내 코드는이이며 매우 간단합니다 :

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#finestra').dialog(); 
    }); 
</script> 

<div> 

    <p> 
     JQuery Dialog Test 
    </p> 

    <div id="finestra" title="Test"> 
     <div>content</div> 
    </div> 

JQuery와 작동 : 내가 예를 들어 $ ('#의 finestra')에 대해 작성하는 경우 CSS는 ('색', '파랑');. 이 작품.

뭐가 문제입니까? :(

Answer 1

당신은로드되지 않은

jQuery를 UI 라이브러리. 당신은 단순히 관련 라이브러리와 CSS 파일을 추가해야합니다.

$(document).ready(function() { 
 
    $('#finestra').dialog(); 
 
});

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> 
 

 
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> 
 
<div> 
 
    <p> 
 
    JQuery Dialog Test 
 
    </p> 
 
    <div id="finestra" title="Test"> 
 
    <div>content</div> 
 
    </div> 
 
</div>