sammyJS javascript插件中的导航问题？答案

【问题标题】：Issue with navigation in sammyJS javascript plugin?sammyJS javascript插件中的导航问题？
【发布时间】：2012-12-04 12:24:25
【问题描述】：

我在我的单页应用程序中使用sammy.js 插件。该插件无法正常工作，每当用户尝试在页面中导航时，它都会在控制台上显示以下错误：

[Tue Dec 04 2012 17:48:13 GMT+0530 (India Standard Time)] #main 404 Not Found get /page_home  
Error
arguments: undefined
get stack: function () { [native code] }
message: "404 Not Found get /page_home "
set stack: function () { [native code] }
type: undefined
__proto__: d

这是什么问题，如何解决？

编辑

Sammy 配置代码：

 var app = $.sammy('#main', function () {
        this.get('#/:name', function () {
            var id = this.params['name'];
            $.trim(id);
            var flag = true;

            if ($("#main").hasClass("presentation")) {
                $.each(slides, function (i, v) {
                    if ($(v).attr("class") == id) {
                        ScanNavigationD(id);
                        flag = false;
                        return false;
                    }
                });
                if (flag) {
                    ScanNavigationD($(slides[0]).attr("class"));
                }
            }
            else if ($("#main").hasClass("printdoc") || typeof $("#main").attr("class") == "undefined") {
                $.each(Pages, function (i, v) {
                    if ($(v).attr("class") == id) {
                        ScanNavigationD(id);
                        flag = false;
                        return false;
                    }
                });
                if (flag) {
                    ScanNavigationD($(Pages[0]).attr("class"));
                }
            }
        });
    });

    $(function () {
        app.run();
    });

【问题讨论】：

嗨，Tom，您可以发布您的 sammy 配置代码吗？
@Roysvork 请检查我的编辑
您是否确定已将您的页面正确链接到插件 API？例如
@ShaltNot 他在此处粘贴的错误来自 sammy.js，因此包含必须正确

标签： javascript jquery sammy.js

【解决方案1】：

@tom-rider 问题是 app.run 没有参数调用。 sammy app.run 函数接受一个 start_url 参数来设置（通过 _setLocation 方法）应用程序的当前位置，然后调用 _checkLocation 方法来检查 url 是否被更改...... 所以尝试改变

app.run();

与

app.run('#/');

这对我有用。

关注fiddle 进行工作演示并查看控制台：没有错误！

【讨论】：

【解决方案2】：

这个简单的代码可以工作吗？

var app = $.sammy('#main', function () {
    this.get('#/:name', function () {
        alert(this.params['name']);
    });
});

$(function () {
    app.run();
});

如果这个小代码警告“page_home”，那么你的脚本里面有问题：那么您应该能够回答这些问题：ScanNavigationD-Function 在哪里？ “幻灯片”/“页面” - 数组定义在哪里？

编辑：

好的，我在我的电脑上做了另一个测试。这就是我所做的：

创建了一个 html 文档
首先包含 jQuery，然后包含 sammy.js
我用虚拟内容填充了我要求的变量和函数：

var ScanNavigationD = function() {}, 幻灯片 = ['slide1', 'slide2'], 页数 = ['page1', 'page2'];
然后我将您的代码复制粘贴到我的 html 文档中。

//你的代码
然后我创建了 div-main 容器：

一切正常。我看到你做错的最后一件事是，你只是在你的本地文件系统上。

sammy.js 似乎需要一个网络服务器才能运行！至少本地主机！

file://...

不会工作

【讨论】：

查看“编辑：”之后的所有内容

【解决方案3】：

在运行解析为 404 not found 错误的脚本时，您似乎在发送 page_home 作为参数。尝试在整个文件中查找“page_home”，以递归方式查找其来源。

【讨论】：