我有一个站点的一部分，其中包含多个类别的小部件。每个类别名称都有一个菜单。对于启用了 Javascript 的任何人，单击一个类别都会在页面中显示该类别的内容。他们可以随意在类别之间单击，根据需要查看 DOM 更新。该 url 也使用标准哈希/hashbang 更新(如果我们对 Google 友好)。因此，对于登陆 example.com/widgets 的用户，他们可以导航至 example.com/widgets#one、example.com/widgets#two、example.com/widgets#three 等
然而，为了支持没有启用 Javascript 的用户代理，跟随这些类别链接之一必须加载一个显示类别的新页面，因此对于没有启用 javascript 的人，他们将导航到 example.com/widgets/one , example.com/widgets/two, example.com/widgets/three 等
我的问题是:当有人启用了 Javascript 访问其中一个 URL 时会发生什么？例如，当登陆 example.com/widgets/one 时，启用了 Javascript 的人应该看到什么？是否应将它们重定向到 example.com/widgets#one？
请注意，我需要为启用了 Javascript 的任何人提供单页面站点体验，但我想要为没有 JavaScript 的用户代理提供多页面站点体验。任何不解决这个事实的答案都不能回答问题。我对 hashbang 或单页站点与多页站点的优点或问题不感兴趣。
最佳答案
这就是我的结构:
使用HistoryJS来管理 URL。 JS pushstate 浏览器获得完全正确的 URL，而 JS 非 pushstate 浏览器获得散列 url。非 JS 用户正常访问完整 URL 并重新加载页面。
当用户点击链接时:
如果他们有 JS: 所有对其他页面的点击都由防止默认操作的功能处理，获取 HREF 并将 URL 传递给 ajax 请求并同时更新 URL。然后解析该 ajax 请求的 http 响应，然后加载到内容区域。
非 JS: 页面正常刷新并加载整个文档。
当页面加载时:
使用 JS:将事件处理程序附加到您的所有链接以防止出现默认情况，以便通过 Ajax 处理它们的 href。
没有 JS: 没有。允许 anchor 正常工作。
我认为您绝对应该让您的所有内容都可以通过完整、正确的 URL 访问，并通过 ajax 加载它，然后更新 URL 以反射(reflect)您从中获取内容的地址。这样，当 JS 未运行时，您无需更改任何内容。
你是这个意思吗？
关于javascript - 多页与单页和不显眼的 Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15051489/
我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib
我试图在索引页中创建一个超链接，但它没有显示，也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线，我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article
我刚刚按照thebootsygempage上的安装说明进行操作在我保存并查看帖子内容之前，一切看起来都不错。这是输出在View中的样子:HeaderSubhead:似乎没有呈现任何html格式，因为它被引号或类似的东西转义了-其他人有这个问题吗？我没有在github页面或SO上看到任何问题来指出我正确的方向。除了遵循gem安装说明之外，我还没有做任何事情，但也许我错过了什么或者只是犯了一个愚蠢的错误。如果你还有什么想知道的，请尽管问。干杯 最佳答案 你需要有这样的东西，转义html: 关
我正在写一篇关于在Ruby中几乎一切都是对象的博客文章，我试图通过以下示例来展示这一点:classCoolBeansattr_accessor:beansdefinitialize@bean=[]enddefcount_beans@beans.countendend所以从类中我们可以看出它有4个方法(当然，除非我错了):它可以在创建新实例时初始化一个默认的空bean数组它可以计算它有多少个bean它可以读取它有多少个bean(通过attr_accessor)它可以向空数组写入(或添加)更多bean(也通过attr_accessor)但是，当我询问类本身它有哪些实例方法时，我没有看到默认
我遇到了一个非常奇怪的问题，我很难解决。在我看来，我有一个与data-remote="true"和data-method="delete"的链接。当我单击该链接时，我可以看到对我的Rails服务器的DELETE请求。返回的JS代码会更改此链接的属性，其中包括href和data-method。再次单击此链接后，我的服务器收到了对新href的请求，但使用的是旧的data-method，即使我已将其从DELETE到POST(它仍然发送一个DELETE请求)。但是，如果我刷新页面，HTML与"new"HTML相同(随返回的JS发生变化)，但它实际上发送了正确的请求类型。这就是这个问题令我困惑的
关于这个有很多问题，但似乎都没有帮助。是的，我看过thisrailscast.我有一个作者，他有很多书，像这样:作者:classAuthor书:classBook我创建了以下表单以在authors#show中向作者添加一本书:#labelsandbuttons......使用以下authors_controller方法:defshow@author=Author.find(params[:id])@book=@author.books.buildend...以及以下books_controller方法:defcreate@author=Author.find(params[:autho
我需要formtastic来仅显示月份和年份字段，而不显示日期字段。日期选择器很好，但它显示了整个日历。我不想要日期选择器。f.input:accounting_month,:label=>"会计月份",:as=>:datepicker我只需要月份和年份。 最佳答案 有一种方法可以做到这一点:"Accountingmonth",:order=>[:month,:year]这将自动隐藏“天”输入并为其指定默认值1。 关于ruby-on-rails-Rails3Formtastic。如何让f
我有这个:AccountSummary我想单击该链接，但在使用link_to时出现错误。我试过:bot.click(page.link_with(:href=>/menu_home/))bot.click(page.link_with(:class=>'top_level_active'))bot.click(page.link_with(:href=>/AccountSummary/))我得到的错误是:NoMethodError:nil:NilClass的未定义方法“[]” 最佳答案 那是一个javascript链接。Mechan
我不想显示表单，但前提是当前页面不是主页这是我目前所拥有的...我有我的路线设置:root'projects#index'我的看法:'projects',:action=>'index'))%>showsomestuff如果url是localhost:3000/projects，则不会显示但是它显示了它的localhost:3000所以我需要以某种方式确保它不会显示主页。另外，我有主页的搜索参数，但我仍然不想显示它是否像localhost:3000/projects?search=blahblahblah 最佳答案 使用root_p
我看到有关未找到文件min.map的错误消息:GETjQuery'sjquery-1.10.2.min.mapistriggeringa404(NotFound)截图这是从哪里来的？ 最佳答案 如果ChromeDevTools报告.map文件的404(可能是jquery-1.10.2.min.map、jquery.min.map或jquery-2.0.3.min.map，但任何事情都可能发生)首先要知道的是，这仅在使用DevTools时才会请求。您的用户不会遇到此404。现在您可以修复此问题或禁用sourcemap功能。修复:获取文
