1
우리 프로젝트에서 jQuery 1.3.2와 jQuery UI 1.7.2를 사용하고 있습니다.jQuery UI 1.7.2 - 양식 대화 상자의 Opera 문제
jQuery UI 1.7.1을 사용할 때까지 모든 것이 완벽하게 작동했습니다. 그런 다음 jQuery UI 1.7.2로 업그레이드했지만 Opera (9.63)에서 문제가 발생했습니다.
문제는 다음과 같습니다. -
"textarea"의 데이터를 서버에 게시하는 제출 영역과 텍스트 영역이있는 jQuery UI 대화 상자가 있습니다. 대화 상자를 열기 전에 textarea의 값이 공백으로 설정됩니다. 또한 오버레이를 얻으려면 Modal : true를 사용하고 있습니다.
이제 첫 번째 대화 상자를 열면 텍스트 영역에 일부 데이터를 입력하고 제출을 클릭하면 서버에 데이터가 게시됩니다. 대화 상자를 닫은 다음 다시 열고 텍스트 영역에 텍스트를 다시 입력하고 다시 제출하십시오. 이번에는 빈 데이터 (또는 대화 상자를 열기 전에 "텍스트 영역"에 설정된 값)을 게시하고 있습니다.
문제는 Opera에서만 발생하며 나머지 브라우저는 정상적으로 작동합니다. 모달을 false로 설정하거나 jQuery UI 1.7.1을 사용하면 오페라도 정상적으로 작동합니다.
다음은 샘플 프로그램입니다.
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");
//Attach a hidden dialog to body.
function initDialog()
{
var innerDiv = $("`<div>`");
$(innerDiv).attr({'id' : 'testDialog'});
var textBox = $("`<textarea>`");
$(textBox).attr({'id' : 'testBox', 'rows' : '2'});
$(innerDiv).append(textBox).appendTo('body');
$('#testDialog').css('visibility', 'hidden');
$('#testDialog').dialog({
autoOpen : false,
width : 500,
modal : true,
title : 'Enter text and click Alert',
buttons :
{
"Alert" : function() {
alert($('#testBox').val());
}
}
});
}
//Show the hidden dialog.
function showDialog()
{
$('#testDialog').css('visibility', 'visible');
$('#testBox').val('');
$('#testDialog').dialog('open');
}
window.onload = function() {
initDialog();
$('#mylink').click(function(){
showDialog();
});
}
</script>
<body>
<a href="javascript:void(0);" id='mylink'>Click here </a>
</body>
google.load ("jquery", "1.7.1")를 사용하면 완벽하게 작동합니다.
또는 모달을 설정하면 : false 또한 잘 작동합니다.