条件が true の場合、コード ビハインド ページで jquery を呼び出したいです。
私のjqueryは以下に記載されており、配列と2つの関数、つまりhideAllmessageとshowMessageが含まれています。デフォルトでは、すべてのメッセージは非表示になり、いずれかの条件が満たされると、 success 、 error 、 info 、 warning メッセージが表示されます。私が検索して実装したいプラグインです。私のコードは以下のとおりです。
JQUERY関数
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>");