Javascript 加载jquery弹出窗口时填充标签
将在我的项目中多次显示jquery弹出窗口。我想填充一个不同的消息,每一次div内的标签,以便例如Javascript 加载jquery弹出窗口时填充标签,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,将在我的项目中多次显示jquery弹出窗口。我想填充一个不同的消息,每一次div内的标签,以便例如 var popUpMessageSave = "You have successfully saved."; loadPopUp(popUpMessageSave); var popUpMessageFail = "You have failed to save."; loadPopUp(popUpMessageFail); 不确定每次如何填充标签 <div style="dis
var popUpMessageSave = "You have successfully saved.";
loadPopUp(popUpMessageSave);
var popUpMessageFail = "You have failed to save.";
loadPopUp(popUpMessageFail);
不确定每次如何填充标签
<div style="display: none;">
<div id="saveDialogSingleFeature" title="Save Complete">
<input type="text" title="Name" value=""/>
<label></label>
</div>
</div>
function loadPopUp(popUpMessage) {
$("#saveDialogSingleFeature").dialog({
width: "auto",
height: "auto",
position: { my: "top", at: "bottom", of: $("header") },
show: { effect: "slideDown" },
hide: true,
closeOnEscape: true
}).parent().appendTo("form:first");
//clear label and add new
$('input:text').next('label').html("");
$(this).next('label').html(popUpMessage);
setTimeout(function () {
$("#saveDialogSingleFeature").dialog('close')
}, 5000);
}
函数loadPopUp(弹出消息){
$(“#saveDialogSingleFeature”)。对话框({
宽度:“自动”,
高度:“自动”,
位置:{my:“top”,位于:$(“header”)的“bottom”},
显示:{effect:“slideDown”},
隐藏:是的,
closeOnEscape:真的
}).parent().appendTo(“格式:first”);
//清除标签并添加新标签
$('input:text').next('label').html(“”);
$(this.next('label').html(popUpMessage);
setTimeout(函数(){
$(“#saveDialogSingleFeature”).dialog('close')
}, 5000);
}
更新
向DIV添加了一个ID,并向loadPopUpMessage()添加empty和append
$(“#popUpLabel”).empty();
$(“#popUpLabel”).append(“一些文本”);
您希望在什么条件下显示消息?在弹出窗口的任何单击操作或打开操作上?从代码隐藏处调用弹出窗口的位置?其次,你的标签需要一个ID,这样你的jQuery就可以引用它。我总是想显示一条消息,但每次都会显示一条不同的消息,所以当我调用loadPopUp(popUpMessage)时,我可以将popUpMessage的文本设置为我所需的相关文本,完全基于你发布的内容,您可以尝试将//清除标签下方的两行替换为$('input:text')。下一行('label')。文本(popUpMessage)
。$(这个)
指的是什么(很可能是未定义的
)?我从JS页面调用弹出窗口。请参见updae
$("#popUpLabel").empty();
$("#popUpLabel").append("some Text");
<input type="text" id="popUpLabel" value=""/>