jQuery技术:如何更改此JavaScript?

我想更改内容在我的网站上的显示方式:

var FNav = { init: function() { $("a[href*=#]").click(function(e) { e.preventDefault(); if($(this).attr("href").split("#")[1]) { FluidNav.goTo($(this).attr("href").split("#")[1]); } }); this.goTo("home"); }, goTo: function(page) { var next_page = $("#"+page); var nav_item = $('nav ul li a[href=#'+page+']'); $(".page").fadeOut(500); next_page.fadeIn(500); 

如何更改此JavaScript,以便我可以使用正确的后退按钮function?

我尝试了什么 (Unsuccessfuly)。 这些是我尝试的解决方案,但没有更改上面的JavaScript。 这就是为什么我认为它们似乎都不起作用。

    我不确定为什么你不能让Davis.js为你工作? 也许在GitHub页面上打开一个问题。

    如果要使用davis使用基于散列的路由,则需要包含散列路由扩展 。 然后你需要在davis之后将它包含在你的页面中。

    然后,以下设置允许您处理路线

     Davis.extend(Davis.hash) Davis(function () { this.get('/:page', function (req) { FluidNav.goTo(req.params.page); }) }) 

    假设您的页面中包含以下链接

     Page1 Page2 

    戴维斯将为您处理后退按钮,因此,如果您单击Page1和Page2的链接,单击后退按钮将再次导航到Page1。

    如果您有任何问题,请在GitHub页面上打开一个问题,详细说明您拥有的和不起作用的内容,我可以查看它。

    后退按钮不会神奇地工作。 您需要编码并监听事件的变化!

    在history.js中, 它会在首页显示 :

     // Bind to StateChange Event History.Adapter.bind(window,'statechange',function(){ // Note: We are using statechange instead of popstate var State = History.getState(); // Note: We are using History.getState() instead of event.state History.log(State.data, State.title, State.url); }); 

      以上就是jQuery教程分享如何更改此JavaScript?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/548155.html

      (0)
      上一篇 2021年1月13日
      下一篇 2021年1月13日

      精彩推荐