.addClass（）在JQuery函数中不起作用

Question

I have numerous websites that are on a "dev" site meaning that it is dummy data and not all functionality works. What happens is that I have this function in my document.ready() that is supposed to find the html for the popup box and add a class to it, which gives the popup box a little blue header bar. Function:

$("document").ready(
function(){
    //loadSummary();
    NOT_AVAILABLE_ALERT = $("#modalMessageAlert").dialog(
            {
                position: "center",
                resizable: false,
                bgiframe: true,
                autoOpen: false,
                width: 250,
                height: 200,
                draggable: false,
                modal: true,
                close:function(event,ui){
                    },
                open:function(event,ui){
                    }
            });
   modifyModalHeader("modalMessageAlert","demo_dialog_header");
}
);

function modifyModalHeader(id,className){
var refs = $("#"+id).prev();
var ref = refs.eq(0);
ref.addClass(className);
}

function navigateDemo() {
NOT_AVAILABLE_ALERT.dialog("open");
}

HTML

<div id="tempXML" ></div>
<div id="modalMessageAlert"style="left:-200px; display:none">
    <h3>This feature is not available in this demo household.</h3>
    <input style="margin-bottom: 15px" type="button" Value="Close" onclick="NOT_AVAILABLE_ALERT.dialog('close');"/>
</div>

HTML link:

<input type="submit" onclick="javascript:navigateDemo();return false;" value="Save" id="save"/>

CSS

#modalMessageAlert {
background-color:#fff;
cursor:pointer;
padding: 10px 10px 10px 10px;
text-align:center;
vertical-align:middle;
}

.demo_dialog_header {
background-image:url(/backoffice/Prospects/APP360/images/demo_modal_header.gif)
}

If i understand correctly the modifyModalHeader function is supposed to find the tempXML div using the .prev() functionality and add that class to the tempXML div, and then when a user clicks the "submit" aka save button it shows the dialog, the dialog shows fine, just without the referenced image as the background-image, which just creates a solid blue line across the top about 15px wide. This EXACT same functionality and references work on pages included in the same directories just fine, but for some reason i can't get this to load correctly. Any help is greatly appreciated. -NickG

Answer 1

原来，我有冲突的样式表覆盖了该类，因为我使用了一些JQuery日历扩展程序，并且如同该弹出窗口一样被引用为ui-widgets。