从按钮单击更改jQuery叠加图像

时间:2012-10-16 14:03:49

标签: javascript jquery jquery-ui

我正在尝试使用对话框内的按钮单击来更改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" 
        });
    });

});     

1 个答案:

答案 0 :(得分:1)

如果没有JSFiddle,不能测试这个,但可能以下内容应该有所帮助:

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