当条件为真时,我想在页面后面的代码上调用 jquery。
下面提到了我的 jquery,它包括一个数组和两个函数,即 hideAllmessage 和 showMessage。默认情况下,所有消息将被隐藏,如果满足任何条件,将显示成功、错误、信息、警告消息。它是我搜索并想要实现的插件。我的代码如下所述:
查询功能
var myMessages = ['info', 'warning', 'error', 'success']; // define the messages types
function hideAllMessages() {
var messagesHeights = new Array(); // this array will store height for each
for (i = 0; i < myMessages.length; i++) {
messagesHeights[i] = $('.' + myMessages[i]).outerHeight();
$('.' + myMessages[i]).css('margin-top', -messagesHeights[i]); //move element outside viewport
}
}
function showMessage(type) {
$('.' + type + '-trigger').click(function () {
hideAllMessages();
$('.' + type).animate({ marginTop: "0" }, 500);
});
}
$(document).ready(function () {
// Initially, hide them all
hideAllMessages();
// Show message
for (var i = 0; i < myMessages.length; i++) {
showMessage(myMessages[i]);
}
// When message is clicked, hide it
$('.message').click(function () {
$(this).animate({ marginTop: -$(this).outerHeight() }, 500);
});
});
代码背后
ClientScript.RegisterStartupScript(Page.GetType(), "validation", "<script language='javascript'>showMessage('error')</Script>");