jqModal ウィンドウを閉じたときに imgAreaSelect 選択領域を非表示にしようとしています。これをjqModalウィンドウ内で機能させるには、z-indexの修正を行う必要がありましたが、選択領域が消えず、大きな黒いオーバーレイが残っています. 残念ながら、imgAreaSelect を呼び出して非表示にすることは、何らかの理由で機能しません。
これは私の現在のコードです:
<script type="text/javascript">
var ias;
$().ready(function() {
ias = $('#prevImage').imgAreaSelect({ aspectRatio: '9:6', instance: true });
$('#cropImg').jqm({modal: true, trigger: '.showCrop'});
});
hideSelect() {
ias.setOptions({ hide: true });
ias.update();
}
</script>
<input type="button" class="showCrop">
<div id="cropImg">
<img border="0" src="IMAGES/preview.png" width="590" id="prevImage" />
<input type="button" onclick="hideSelect();" href="" class="jqmClose" value="Cancel">
</div>
どうもありがとう!