0
일부 아이콘에는 여러 개의 대화 상자를 설정하고 하나는 비어 있고 다른 하나는 올바른 대화 상자를 엽니 다. 또한 클릭 한 아이콘을 제거합니다.jQuery Dialog는 2 개의 대화 상자를 열고 요소를 제거합니다.
var opt = {
draggable: false,
modal: true,
width: 600,
resizable: false,
autoOpen: false
};
$('.vfInfoIcon').each(function(){
bindInfoIconClick($(this), opt);
});
bindInfoOnClick :
function bindInfoIconClick(obj, opt){
obj.off().on("click",function(e){
e.stopPropagation();
e.preventDefault();
var infoText = $(this).data('info');
var dialog = $('div[data-info="' + infoText +'"]');
opt.title = dialog.data('title');
dialog.dialog(opt).dialog('open');
}); }
클릭을받는 요소 :
<div class="vfInfoIcon" data-info="someInfo"></div>
내용이 요소 :
<div class="infoText" data-info="someInfo" data-title="TITLE">