asp.net で Web アプリケーションを作成しています。ページめくり効果が必要なので、turn.js (ref: http://www.turnjs.com/ ) を使用しました。ここで、サーバー側、つまり分離コードでいくつかのデータを処理し、それをクライアント側に送信する必要があります。上記の Web サイト ( https://github.com/blasten/turn.jsから) からプロジェクトをダウンロードしました。しかし問題は、動的ページを実際にロードしている .aspx ページのコード ビハインドから JavaScript にデータを送信する方法がわからないことです。
function addPage(page, book) {
// First check if the page is already in the book
if (!book.turn('hasPage', page)) {
// Create an element for this page
var element = $('<div />', {'class': 'page '+((page%2==0) ? 'odd' : 'even'), 'id': 'page-'+page}).html('<i class="loader"></i>');
// If not then add the page
book.turn('addPage', element, page);
// Let's assum that the data is comming from the server and the request takes 1s.
setTimeout(function(){
element.html('<div class="data">Data for page '+page+'</div>');
}, 1000);
}
}
これは、動的ページを追加する JavaScript 関数です。ページのコンテンツを行に追加する方法element.html('<div class="data">Data for page '+page+'</div>');
。