问题标签 [jquery-bbq]

我有一个使用出色的 Isotope 和 BBQ jQuery 插件的页面。我遵循了组合过滤器并进行了历史演示/测试，但无法弄清楚如何在单步浏览页面历史记录时选择过滤器（如常规哈希历史演示所示）。

这是我完整的js代码：

我的问题在这方面：

我想在我的网站上显示面包屑。我在我的网站上使用了 jquery bbq。

我试图在我的网站中实现面包屑。

我的面包屑视图文件包括：

在 bbq 的脚本中我试过这样，

这是我想要做的，但不能完全弄清楚，如何实现它？

首先，我在.append不是函数的 FireBug 中遇到错误，

其次，在.each()循环中我也想添加这一<span class="divider">/</span>行<li><a href="#'+BreadCrumbsSplit[breadurl]+'"></a></li>

它会做什么，它会/在面包屑之间添加，但我不希望/ 在最后一个<li></li>标签中这样做..

任何人都可以在这方面帮助我，那如何实现呢？

只是在最终结果中，我希望代码生成类似这样的东西

我有一个网页显示分为几页的项目列表。该列表包含在 a<div>中，只要用户单击代表所选页面的链接，其内容就会通过 AJAX 替换。为了防止列表在内部的初始 AJAX 调用$(document).ready()有机会完成之前显示为空，我将第一页加载到<div>服务器端，并且仅使用 AJAX 进行后续更新。

我已经开始使用 jQuery BBQ 来允许用户为他们想要的任何页面添加书签，但是在内部使用它$(document).ready()来读取带书签的页码并将<div>的默认内容替换为带书签的页面的内容会导致列表在默认值之间明显切换和书签页面。我想要的是书签页面立即出现，就像我默认加载它一样，在页面之间没有明显切换，并且在第一次 AJAX 调用完成之前列表没有显示为空。

标准的建议是将所有内容放在隐藏<div>的内容中，然后在页面上的所有内容完成加载后使其可见。这工作正常，但我真正想要的是在书签页面的内容完成加载之前根本不呈现内容（隐藏或其他）。这意味着当单击从我网站上的任何网页到包含该列表的特定网页的链接时，第一个网页应保留在屏幕上，直到包含该列表的网页完成加载。

有没有办法做到这一点？

我知道这是一个很受欢迎的问题，但我在Isotope网站上的教程中有点挣扎，以开发我当前的 Isotope 以使用BBQ 哈希历史。

我实际上是在尝试将 BBQ 哈希历史添加到我当前的设置中，以便我可以直接链接到过滤后的内容。

到目前为止，这是我的 jQuery 代码，效果很好。

我已经改变了我的过滤器导航：

到

我使用的是 Wordpress，因此使用了 $page_class 变量等——但不要花太多时间在上面。

谢谢，任何帮助将不胜感激。R

更新

这是我目前所拥有的......

我已经成功实现了 jQuery BBQ 插件来构建一个快速原型，但是我遇到了一个与我的特定设置相关的小问题：

• 其中一个页面"#catalogue"包含一个项目网格，这些项目使用函数"randomItems()"随机生成，在 hashchange 时触发（当来自另一个页面时）。
• 然后，用户单击网格中的任何这些项目以查看#detailspage。
• 单击浏览器的后退按钮后，我希望用户查看#catalogue页面（工作正常）但阻止页面生成一组新的随机项目加载（所以保留最后显示的任何项目）。

有没有办法知道用户点击了后退按钮，所以在这种情况下我不会触发“randomItems()”函数？

链接到演示页面：http ://benalman.com/code/projects/jquery-bbq/examples/fragment-advanced/

脚本：

身体：

所以，我的问题是我在哪里保存自己的链接？我的意思是那些在点击链接后加载到 DIV 中的内容。

内容示例：“JQUERY BBQ 单击上方的导航项目以加载一些美味的 AJAX 内容！此外，一旦内容加载，请随时通过单击您可能看到的任何内联链接进一步探索我们的美味佳肴。& A Pic”

我正在为我的 SPA 使用路由，Angularjs但我必须支持 IE7（以及 IE7 兼容模式下的 IE8）。我希望浏览器历史记录仍然有效。我不在乎是否必须使用 jQuery 插件。

寻找以下场景的最佳实践：

在传统的 webapp 中，我们基于 http GET 对日志进行分析。该项目利用 HTML5、jQuery 和 Mustache.js 从 JSONP 调用动态呈现模板。视图响应onhashchange事件以创建可书签的 URL，并通过 jQuery BBQ 提供参数。

我的问题是哈希没有传递到服务器，因此 URL 中的这些更改不会显示在常规访问日志中。迄今为止提供的最佳解决方案是在本地跟踪哈希更改，并在浏览器触发onbeforeunload时将它们PUT / POST到服务。

我对跟踪服务器上本地哈希历史更改的其他解决方案感兴趣，我不能为此使用 Google Analytics。

我目前正在使用jQuery BBQ hashchange 插件来生成哈希更改，这样当我的内容 div 动画时，我就有后退按钮功能。我找到了一个教程，它为我提供了我想要的功能，但我无法让我的菜单指示它在哪个哈希上。

这是我的基本代码：

HTML

jQuery

CSS

我已经设置了脚本，以便在页面加载时选择“主页”，它应该显示为蓝色。单击链接后，“已选择”类将按原样删除，但 $("a[hash=" + hash + "]").addClass("selected"); 行 似乎什么也没做，我终其一生都无法弄清楚原因。我仔细研究了教程上的代码，看到它工作，但它在我的页面上不起作用。我真的很感激另一双眼睛……我敢肯定在这一点上这是愚蠢的。谢谢你的帮助。

编辑 - 删除了标记和 CSS 中的一些无关信息。

任何人都可以帮助我，我有画廊，每个 li 都有数据标题，我想将该值添加到 url，我尝试没有运气它总是说未定义，但我有帖子 ID，我很容易将它添加到 url。任何人都知道如何将该 data-title 属性传递给 url。

这是html代码