2
선택 상자가있는 웹 페이지가 있습니다. jQuery Dialog를 열면 선택 상자 뒤에 부분적으로 표시됩니다.jQuery : IE6의 윈도우 컨트롤 문제
이 문제는 어떻게 해결해야합니까? 선택 상자를 숨기거나 jQuery에서 일종의 '심'솔루션을 제공해야합니까? 이것은 특히 jQuery를 함께 할 아무것도하지 않는
<!DOCTYPE html>
<html lang="en">
<head>
<title>testJQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="GENERATOR" content="Rational Application Developer">
<link rel="stylesheet" href="theme/smooth/theme.css" type="text/css" media="screen" />
</head>
<body>
<a class="pop" href="nix">Click me</a>
<p/>
<select size="20">
<option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
<option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
<option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
<option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
<option>s jl fjlkdjfldjf l*s ldkjsdlfkjsdl fkdjlfks dfldkfjdfkjlsdkf jdksdjf sd</option>
</select>
<div id="xyz" class="flora hiddenAsset">
<div id="dialog" title="Edit Link">
<p>Enter the link details:</p>
<table width="80%" border="1">
<tr><td>URL</td><td><input id="url" style="width:100%" maxlength="200" value="{url}"/></td></tr>
<tr><td>Title</td><td><input id="title" style="width:100%" maxlength="200" value="{title}"/></td></tr>
<tr><td>Target</td><td><input id="target" size="20" maxlength="200" value="{target}"/></td></tr>
</table>
</div>
</div>
<script type="text/javascript" src="../script/firebug/firebug.js"></script>
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery-ui-1.5.2.js"></script>
<script type="text/javascript" src="jqSOAPClient.js"></script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
console.debug('ready');
$('.hiddenAsset').hide();
$('a.pop').bind('click', showDialog);
console.debug('ready - done');
});
var showDialog = function(){
console.debug('show');
$('#dialog').dialog({
modal: true,
overlay: {
backgroundColor: '#666',
opacity: '.3',
filter: 'alpha(opacity=30)'
},
width: '400px',
height: '300px',
buttons: {
Ok: function() {
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
}
});
console.debug('show-done');
return false;
};
})(jQuery);
</script>
</body>
</html>
예, 저는 이것을 깨닫습니다 .mootools와 ui 프레임 워크를 cnet에서 사용하고있었습니다 .Ui 프레임 워크는 iframe 대화 상자가 열렸을 때 iframe이 선택 상자를 표시하지 않았습니다. – paul
iframe을 사용하여 선택 상자를 숨길 수 있습니까? 가짜 선택 상자로 바꾸는 것보다 쉬울 것입니다. – Neall