jQuery Ui ダイアログをポップアップしたいのですが、うまくいきません。ダイアログの代わりに、新しいページが開かれます。私のコードは次のとおりです。
コントローラーのアクション:
public function diaAction()
{
$viewModel = new ViewModel();
$viewModel->setTerminal(true);
return new ViewModel();
}
index.phtml:
<a class="some-link" title="title here" href="<?= $this->url('dialog', array('action' => 'dia'))?>">open form</a>
dia.phtml (ダイアログ コード)
<script type="text/javascript">
$(document).ready(function() {
$('.some-link').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href'))
.dialog({
autoOpen: false,
title: $link.attr('title'),
});
});
});
</script>
なぜこれが本来あるべきほど単純ではないのか、私にはわかりません。何か助けはありますか?