求教 Ajax 无刷新绑定 jquery 样式加载错误的问题

jqz930312 2013-09-12 02:27:53
我使用的是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/
...全文
102 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
jqz930312 2013-09-12
  • 打赏
  • 举报
回复
求大神啊!!
jqz930312 2013-09-12
  • 打赏
  • 举报
回复
问题应该会在下面这段语句里吧
  <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>

62,074

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧