Question

我有很多位于“开发”网站上的网站，这意味着它是虚拟数据而不是所有功能都有效。会发生的是我在document.ready（）中有这个函数，它应该找到弹出框的html并为它添加一个类，这会给弹出框提供一个蓝色的小标题栏。功能：

$("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链接：

<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)
}

如果我理解正确，modifyModalHeader函数应该使用.prev（）函数找到tempXML div，并将该类添加到tempXML div，然后当用户单击“submit”又名保存按钮时，它会显示对话框，对话框显示正常，只是没有参考图像作为背景图像，这只是在顶部创建一个约15px宽的实线蓝线。这个完全相同的功能和参考工作在相同目录中包含的页面上很好，但由于某种原因我无法正确加载它。任何帮助是极大的赞赏。 -NickG

Answer 1

事实证明，由于我使用了一些JQuery日历扩展程序，因为我使用了一些JQuery日历扩展程序而且它们被引用为ui-widgets，因为我使用了一些冲突的样式表。

.addClass（）不能在JQuery函数中工作

1 个答案: