【问题标题】:Using jQuery transition animations across static pages?在静态页面中使用 jQuery 过渡动画?
【发布时间】:2011-07-17 21:28:05
【问题描述】:

我正在开发一个客户的网站,该网站的表格中有一个产品数据库,左侧有一个菜单。目前,单击新菜单项会在新页面上显示一组新产品。

客户希望我更改站点,以便当用户单击菜单条目时,内容会使用jQuery Quicksand plugin 中的效果进行转换。

但是,流沙插件无法跨页面加载。您对我可以在不重写网站的整个结构的情况下实现这种效果的方法有什么建议吗?我查看了 History.js 和 this gist,它提供了一个书签来通过 History.js 自动对站点进行 ajaxify。在此之前,我认为这是不可能的,但现在我想知道,我是否可以使用类似于此的技术来以某种方式让流沙插件在各个页面之间进行转换?

【问题讨论】:

    标签: javascript jquery ajax quicksand history.js


    【解决方案1】:

    为了在我的客户网站上的页面之间进行转换,我使用 jquery ajax 调用。我在自己的 .php 文件中有每个页面。然后我使用 $.ajax 来启动它。

    对于过渡,我使用 Jquery UI,它提供了一些非常好的过渡。

    至于浏览器历史,我使用 jHash。使用和实现有点令人沮丧,但如果你了解它的工作原理等,你会为它的强大而惊叹。

    【讨论】:

    • 我可能会使用这样的方法,但网站已经编写好了。我更想知道是否有一个简单的(r)解决方案,其中一个大型网站已经以非 ajaxy 方式编写。
    • 恐怕我想不出别的办法了。但是 ajaxify 你的网站真的很简单。您所要做的就是获取每个页面的主要内容,并将它们放在一个单独的文件中:create_page.php。然后使用以下命令加载页面: 或者,您也可以使用 jQuery .load 事件。 Documentation For Jquery .AjaxDocumentation For Jquery .load
    猜你喜欢
    • 1970-01-01
    • 2018-08-09
    • 2015-12-11
    • 2012-04-11
    • 1970-01-01
    • 2017-10-29
    • 2017-05-23
    • 2017-06-02
    • 1970-01-01
    相关资源
    最近更新 更多