Question

我想改變jQuery-ui對話框覆蓋圖像與對話框內的按鈕單擊，但在下面的代碼覆蓋圖像不會更改。我需要在click事件中動態地編輯疊加層的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)" });