- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在玩isotope用于过滤,这很棒。当用户单击其中一张图像时,它会显示不同的页面(详细信息页面),但用于过滤的菜单仍然存在。现在我想要的是,当用户再次单击其中一种可能性时,他会返回主页,但已经有了过滤结果。
我已经阅读了此页面( http://isotope.metafizzy.co/docs/hash-history-jquery-bbq.html ),但我承认我不明白很多事情
按照他们的建议,我有以下 HTML 代码:
div id="leftMenu">
<span><a href="#filter=*" >All Menus</a></span>
<span><a href="#filter=.pizza" >Pizza </a></span>
<span><a href="#filter=.soda" >Soda </a></span>
<span><a href="#filter=.popcorn" >PopCorn</a></span>
<span><a href="#filter=.beer" >Beer</a></span>
</div>
以及下面的Js代码
$('#leftMenu span a').click(function() {
// get href attr, remove leading #
var href = $(this).attr('href').replace(/^#/, ''),
// convert href into object
// i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' }
option = $.deparam(href);
// set hash, triggers hashchange on window
console.log('value de href: '+href+ ' || option: '+option);
$.bbq.pushState(recursiveDecoded);
return false;
});
但是我在 depram 函数中遇到错误。它告诉我 $.depram 不是一个函数
我是否必须链接其他额外文件才能读取 depram 方法?
任何人都可以帮助我如何完成或理解吗?
非常感谢
编辑 - 我的进度我发现了两个额外的 js 文件,我将我的项目链接到它们并使用以下代码
$('#leftMenu span a').click(function() {
// get href attr, remove leading #
var href = $(this).attr('href').replace(/^#/, ''),
// convert href into object
// i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' }
option = $.deparam(href);
// set hash, triggers hashchange on window
$.bbq.pushState(option);
console.log("--> " +option );
//return false;
});
$(window).bind('hashchange', function(event) {
alert('Hello');
// get options object from hash
var hashOptions = $.deparam.fragment();
console.log(hashOptions);
// apply options from hash
$('#leftMenu span a').isotope(hashOptions);
})
// trigger hashchange to capture any hash data on init
.trigger('hashchange');
我没有任何错误。但它没有过滤器。
我可以收到警报('Hello')。
有什么想法吗?
最佳答案
我找到了解决方案。我的 js 代码中有一个错误。
这是代码
$container.isotope({});
$('#leftMenu span a').click(function() {
// get href attr, remove leading #
var href = $(this).attr('href').replace(/^#/, ''),
// convert href into object
// i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' }
option = $.deparam(href);
// set hash, triggers hashchange on window
$.bbq.pushState(option);
return false;
});
$(window).bind('hashchange', function(event) {
// get options object from hash
var hashOptions = $.deparam.fragment();
// apply options from hash
$container.isotope(hashOptions);
})
// trigger hashchange to capture any hash data on init
.trigger('hashchange');
我认为$container.isotope(hashOptions);
指的是菜单项,但实际上它指的是结果容器。
关于jquery 同位素哈希历史与 jQuery BBQ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12308670/
如何删除状态片段搜索? 状态:#tab=2&search=true $(textbox).click(function() { var state = {}; //$.bbq.rem
我已经成功实现了 jQuery BBQ 插件来构建快速原型(prototype),但是我遇到了一个与我的特定设置相关的小问题: 其中一个页面“#catalogue”包含使用函数“randomItems
我正在玩isotope用于过滤,这很棒。当用户单击其中一张图像时,它会显示不同的页面(详细信息页面),但用于过滤的菜单仍然存在。现在我想要的是,当用户再次单击其中一种可能性时,他会返回主页,但已经有了
我在 www.tinytoepress.com 上有一个网站,它使用基于 #hash anchor 标记的导航,使用 jQuery 和 jquery-bbq 插件。它工作得很好,只是有时它会导致页面跳
我一直在尝试弄清楚如何使用 jQuery BBQ 插件。 我已经能够通过从网站复制代码来将其添加到我的网站,但我发现如果我的一个选项卡中有表单,我将无法成功发布任何结果。 有人使用过这个插件并习惯它的
我已经使用烧烤生成了条形码,现在我想根据我的需要调整条形码的大小。我尝试使用 BufferedImage,然后得到不同大小的条形码,但随后在条形码下得到一条额外的黑线。 public clas
为了防止以编程方式设置 URL 哈希 (#) 时出现反馈循环(与手动更改 URL 相比),我想暂时禁用 hashChange 监听器。 当使用 $.bbq.pushState(hash) 更新哈希时,
我正在开发一个 AJAX 支持的网站,我决定使用 Ben Alman's BBQ plugin对于 hashchange 事件。 但是,使用此插件,我无法对 Google 搜索进行哈希更改 (!#)
我正在使用 jQuery BBQ plugin # 哈希浏览。后端是 CakePHP。 我有 http://blabla.com/url#url1、http://blabla.com/url#url2
我是 jquery bbq 的新手,到目前为止我已经了解了大部分设置,但我有一个小问题。这是设置。 右侧有主要导航链接的页面每个导航链接点击都会将页面的正文内容更改为其相应的数据(显示和隐藏 div)
jQuery BBQ noob 问题:我已经下载了 jQuery BBQ 1.2.1,我正在尝试将它与 jQuery 2.1.0 一起使用。 BBQ 的工作原理是它按照我的意愿执行操作,但我注意到控制
我有: function getusto(anchorid) { $(anchorid).scrollTo(); } W
我在分页链接上使用 Ben Almans 的 jQuery BBQ 和 jQuery hashchange 插件。两者在 Opera 和 Firefox 中都能按预期工作,但在 IE 8 中却不能(很
简短的问题,但在任何地方都找不到提示:似乎 jQuery BBQ在 v1.4.2 之前,插件仅经过测试可与 jQuery 配合使用。现在 jQuery 的当前版本是 v1.7.1,我想知道该插件是否仍
我一直在使用http://benalman.com/projects/jquery-bbq-plugin/推送并对 URL 使用react(AJAX 加载的 URL)... 目前我的网址如下: art
所以我只能给出一个整数作为 barwidth 参数,但是如果我给该方法提供 1,则我的条形码太窄,如果我给它 2,则条形码太宽。我该如何解决这个问题?我可以修改 BBQ 的源代码,但在第一轮中,如果可
我是一名优秀的程序员,十分优秀!