私はダイアログポップアップフォームを作るためにnetからコードをコピーしています。 コードは次のとおりです。jQueryがYiiで実行されていません2
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Dialog functionality</title>
<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!-- CSS -->
<style>
.ui-widget-header,.ui-state-default, ui-button{
background:#b9cd6d;
border: 1px solid #b9cd6d;
color: #FFFFFF;
font-weight: bold;
}
</style>
<!-- Javascript -->
<script>
$(function() {
$("#dialog-1").dialog({
autoOpen: false,
});
$("#opener").click(function() {
$("#dialog-1").dialog("open");
});
});
</script>
</head>
<body>
<!-- HTML -->
<div id="dialog-1" title="Dialog Title goes here...">This my first jQuery UI Dialog!</div>
<button id="opener">Open Dialog</button>
</body>
</html>
私はYiiの2のビューを作成し、そこにこのコードをコピーしますが、出力が実行されていない、出力ボタンは、通常のボタンとparagrafなどのparagrafだけで、何のpopuoとダイアログはありません!! 1 どうすればいいですか?
のようなツリーを持っているあなたはどのコンソールエラーがないことを確認してください – madalinivascu
@madalinivascu私はコードを変更していない、私はちょうどCrt C + Crt V :)))コードはチュートリアルサイトで私は読んでうまく動作していた。 – ali
他の部分はレイアウトセクションから来るので、ビューファイルにBODY部分だけを追加しようとすることができます。 jsとcssが含まれています。これは、ダイアログが動作しているかどうかをテストしたい場合は、ビューファイルのコードに記述されています。 –