1
대화 상자에 로그인 양식을 삽입하고 싶습니다. 이제는 대화 상자가 보이지만 형태는 없습니다! 어떤 도움을 주시겠습니까? Google 및이 사이트의 다른 게시물을 보았지만 답변을 찾지 못했습니다! 여기 Jquery UI 대화 상자 내부 HTML이 표시되지 않습니다.
코드입니다 :$('.dia').attr('title', 'LOGIN').text('Login to eWarsha').dialog({
autoOpen: false,
modal: true,
draggable: false,
resizable: false,
width: 600,
height: 400
});
$('#cl').click(function() {
$('.dia').dialog("open");
});
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
</head>
<body>
<input type="submit" id="cl">
<div class="dia">
<form class="dia login-form-dia" method="post">
<input type="text" id="si" name="leamil" placeholder="Email" maxlength="16">
<input type="text" id="si" name="lpassword" placeholder="Password">
<input type="submit" name="login" value="LOGIN">
</form>
</div>
</body>
</html>