0
지금까지 select2 플러그인을 사용해 왔으며 지금까지 완벽했습니다.select2 플러그인이 팝업 내에서 작동하지 않습니다.
데이터를로드하고 잘 작동하는 3 개의 선택 항목과 팝업 내에있는 여러 개의 선택 항목이있는 페이지가 있습니다. 그들은 좋아 보이지만 검색 필드에 쓸 수는 없습니다. 메인 페이지에서 검색이 잘 작동하여 문제가 무엇인지 파악할 수 없으므로 ..
팝업을 위해 blockUI 플러그인을 사용하고 있습니다. 나는 z-index를 시도하고, blockUI 함수에 대한 콜백에서 플러그인을 파괴하고 시작했지만 아무 것도 작동하지 않고 왜 그럴지 모릅니다.
코드 :
<!doctype html>
<html>
<head>
<title>ff</title>
<link type="text/css" rel="stylesheet" href="http://cdn.jsdelivr.net/select2/3.2/select2.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/select2/3.2/select2.js"></script>
<script type="text/javascript" src="http://xiao3meng.googlecode.com/files/jquery.blockUI.js"></script>
<script>
$(document).ready(function() {
$(".startselect").select2();
$('#clickstartpopup').click(function() {
$.blockUI({
message: $('#popblock'),
onBlock: function() {
$(".popupselect").select2();
}
});
});
});
</script>
</head>
<body>
<div id="maincontent1" class="maincontent mywebsitepage">
<select class="startselect" id="merchantList">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
<div style="clear: both; height: 15px;"></div>
<span id="clickstartpopup" style="cursor: pointer;color:red;" >click me!</span>
<div style="height: 300px;background-color: red;display:none;" id="popblock" >
<select class="popupselect">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>
코드 부탁드립니다. – EnterJQ
예제 코드 추가 –
저는 이것을 트위터 부트 스트랩의 모달과 함께 사용했으며, 그 내부에서 작동합니다. 아마 어떤 경우에는 select2 div에 Z- 인덱스를 추가해야하지만, 그 이상은 아닙니다 :) – vladCovaliov