Question

jQuery-ui 대화 상자 오버레이 이미지를 대화 상자 내부에서 버튼 클릭으로 변경하려고하지만 아래 코드에서 오버레이 이미지가 변경되지 않습니다. 클릭 이벤트에서 오버레이의 CSS를 동적으로 편집해야합니다.

$("document").ready(function(){ 
    var divCustom = '<div id="myOverlay"> 
         <div id="button1">button1</div> 
         <div id="button2">button2</div> 
        </div>'; 

    $(divCustom).dialog({ height: 400, width: 700, modal: true }); 

    $("#button1").click(function(){ 
     $("#myOverlay .ui-widget-overlay").css({ 
      "background-image": "happy.gif" 
     }); 
    }); 

    $("#button2").click(function(){ 
     $("#myOverlay .ui-widget-overlay").css({ 
      "background-image": "sad.gif" 
     }); 
    }); 

});  

Answer 1

JSFiddle없이 테스트 할 수는 없지만 아마 다음은 도움이 될 것입니다

정확하게 "작동하지 않는"무엇

$("#myOverlay .ui-widget-overlay").css({ "background-image": "url(happy.gif)" });