求教 Ajax 无刷新绑定 jquery 样式加载错误的问题
我使用的是MOLESKINE NOTEBOOK WITH JQUERY BOOKLET这个jquery插件,然后把它放到asp:UpdatePanel 里面,外面又加了一个按钮,想点击按钮加载相应的数据,在<Triggers> 里加了<asp:AsyncPostBackTrigger ControlID="Button2" EventName="Click"/>,在后台Page_Load先绑定了数据,第一次加载页面的时候是可以正常显示的,然后点击按钮后想绑定新的数据就会出现了Loading pages...我查了下,有的说是原因是由于ajax 提交页面 不触发onload事件,而jquery效果需要在onload 事件中绑定,我还没学过jquery现在只会引用插件,所以不懂得怎么修改,希望大家帮帮忙吧!
这个是插件的下载地址http://tympanus.net/codrops/2010/12/14/moleskine-notebook/ jquery ajax asp moleskine jquery插件 --------------------编程问答-------------------- 问题应该会在下面这段语句里吧
<script type="text/javascript">--------------------编程问答-------------------- 求大神啊!!
$(function () {
var $mybook = $('#mybook');
var $bttn_next = $('#next_page_button');
var $bttn_prev = $('#prev_page_button');
var $loading = $('#loading');
var $mybook_images = $mybook.find('img');
var cnt_images = $mybook_images.length;
var loaded = 0;
//preload all the images in the book,
//and then call the booklet plugin
$mybook_images.each(function () {
var $img = $(this);
var source = $img.attr('src');
$('<img/>').load(function () {
++loaded;
if (loaded == cnt_images) {
$loading.hide();
$bttn_next.show();
$bttn_prev.show();
$mybook.show().booklet({
name: null, // name of the booklet to display in the document title bar
width: 800, // container width
height: 500, // container height
speed: 600, // speed of the transition between pages
direction: 'LTR', // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left
startingPage: 0, // index of the first page to be displayed
easing: 'easeInOutQuad', // easing method for complete transition
easeIn: 'easeInQuad', // easing method for first half of transition
easeOut: 'easeOutQuad', // easing method for second half of transition
closed: true, // start with the book "closed", will add empty pages to beginning and end of book
closedFrontTitle: null, // used with "closed", "menu" and "pageSelector", determines title of blank starting page
closedFrontChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page
closedBackTitle: null, // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page
closedBackChapter: null, // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page
covers: false, // used with "closed", makes first and last pages into covers, without page numbers (if enabled)
pagePadding: 10, // padding for each page wrapper
pageNumbers: true, // display page numbers on each page
hovers: false, // enables preview pageturn hover animation, shows a small preview of previous or next page on hover
overlays: false, // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable
tabs: false, // adds tabs along the top of the pages
tabWidth: 60, // set the width of the tabs
tabHeight: 20, // set the height of the tabs
arrows: false, // adds arrows overlayed over the book edges
cursor: 'pointer', // cursor css setting for side bar areas
hash: false, // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled
keyboard: true, // enables navigation with arrow keys (left: previous, right: next)
next: $bttn_next, // selector for element to use as click trigger for next page
prev: $bttn_prev, // selector for element to use as click trigger for previous page
menu: null, // selector for element to use as the menu area, required for 'pageSelector'
pageSelector: false, // enables navigation with a dropdown menu of pages, requires 'menu'
chapterSelector: false, // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'
shadows: true, // display shadows on page animations
shadowTopFwdWidth: 166, // shadow width for top forward anim
shadowTopBackWidth: 166, // shadow width for top back anim
shadowBtmWidth: 50, // shadow width for bottom shadow
before: function () { }, // callback invoked before each page turn animation
after: function () { } // callback invoked after each page turn animation
});
Cufon.refresh();
}
}).attr('src', source);
});
});
</script>
补充:.NET技术 , ASP.NET