Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改此JavaScript?_Javascript_Ajax_Html_Jquery - Fatal编程技术网

如何更改此JavaScript?

如何更改此JavaScript?,javascript,ajax,html,jquery,Javascript,Ajax,Html,Jquery,我想更改内容在我的网站上的显示方式: var FNav = { init: function() { $("a[href*=#]").click(function(e) { e.preventDefault(); if($(this).attr("href").split("#")[1]) { FluidNav.goTo($(this).attr("href").split("#")[1]); } }); t

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

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,以便具有正确的后退按钮功能

我尝试过的(未成功)。这些是我尝试过的解决方案,但没有改变上面的javascript。这就是为什么我认为它们似乎都不起作用

  • 使用此处描述的History.js方法: 我填写了所有的步骤和步骤 在标题中输入脚本,但仅在URL栏中输入URL 单击链接时发生更改。当我单击后退按钮时,URl 相应地更改,但不加载内容。当我在中输入URL时 通过URL栏,我会被发送到主页

  • Ajaxify和Gist方法 这里描述:实现 同上,同样的问题

  • 这里描述的Davis.js方法: 完成后一事无成 安装说明的一部分。没有变化

  • jQuery BBQ插件方法 此处描述: 在头文件中加载.js文件时,不会实现任何更改 这是网站的一部分

  • 我读了这篇文章并理解了它:


    • 后退按钮无法神奇地工作。您需要编写代码并侦听事件更改

      在history.js中:


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

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

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

      Davis.extend(Davis.hash)
      
      Davis(function () {
          this.get('/:page', function (req) {
              FluidNav.goTo(req.params.page);
          })
      })
      
      假设您的页面中有以下链接

      <a href="#/page_1">Page1</a>
      <a href="#/page_2">Page2</a>
      
      
      
      Davis将为您处理back按钮,因此,如果您单击Page1和Page2的链接,单击back按钮将再次导航到Page1


      如果您有任何问题,请在GitHub页面上打开一个问题,详细说明您有什么问题以及哪些问题不起作用,我可以查看一下。

      后退按钮作为标准按钮的工作方式有什么问题,正确的方法是什么?任何合理的浏览器都会支持定位导航。我讨厌开发人员触动用户预期的行为。。。。GRRRRY您应该测试
      $(this).attr(“href”).indexOf(“#”)==0
      。例如,您现在的测试还可以将Wikipedia链接与哈希标记匹配,以链接到文档中的特定部分。或者任何其他带有标签的外部链接。如果您详细阐述了“正确的后退按钮功能”的含义,这会有所帮助。@AaronKurtzhals谢谢,我的意思是,当我转到:/#服务->/#特殊->/#超特殊,然后使用浏览器后退按钮,我可以转到:/#特殊->/#服务
      <a href="#/page_1">Page1</a>
      <a href="#/page_2">Page2</a>