- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
1) 我应该为我的 JavaScript 应用程序使用哪种 JavaScript hashchange/历史库/方法?
2)我如何使用该方法实现这三件事?
A) 当页面加载时,我想解析 url 哈希/参数并设置初始应用程序状态。
具体来说,我的应用程序由一个带有两个模型的 Backbone Collection 组成,这些模型具有 selectedCountry、selectedYear 等属性。
(我不认为我可以使用 Backbone.Router,因为这是一个非常定制的可视化应用程序,具有复杂的状态?)
B) 我想设置一个 hashchange 监听器或类似的监听器,让我相应地更新应用程序状态
C) 在 Backbone Collection 更改事件中,我想更新 url。重要提示:我想在执行此操作时暂时删除 hashchange 监听器,以便不存在反馈循环。
注意:该应用程序已经依赖于一些 HTML5 技术,因此该解决方案不必与旧版浏览器兼容...但是“反馈循环”部分很重要,因为我之前一直在努力解决这个问题...
谢谢:)
最佳答案
由于您已经使用 Backbone,我会坚持使用 Backbone 的 Router
对象。使用应用程序中已有的内容会比尝试添加新内容更容易。
至于你的反馈循环问题,我已经通过 never firing my router methods from code 解决了这个问题.
其要点是,我让 JavaScript 对象控制应用程序的状态,并为我完成工作。当我调用 router.navigate 时,我从不传递 true 作为第二个参数。我仅调用 router.navigate
来响应应用程序中的状态更改,以更新浏览器窗口中的哈希片段。事情是这样的:这纯粹是对应用程序状态已更改的响应。我从不使用 router.navigate
来更改应用程序的状态。
希望有帮助
关于javascript - 今天(2011 年)我应该使用哪个 JavaScript hashchange/history 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7768416/
我正在尝试在 ReactJS 中为我的页面添加一个事件监听器。我已将它添加到 componentDidMount()。但是 仅在初始页面加载时触发。 本地址栏发生变化时,如何让它触发。 compo
我有以下代码 console.info('checking if url contains hash'); if (!location.hash) { console.warn('if-block
我正在尝试在 ReactJS 中为我的页面添加一个事件监听器。我已将它添加到 componentDidMount()。但是 仅在初始页面加载时触发。 本地址栏发生变化时,如何让它触发。 compo
我设置了一个 hashchange 函数来显示/隐藏关于页面的不同部分,而无需 7 个单独的页面。这一切都很好,事实上,只有一件小事困扰着我,当相关内容显示在屏幕上时,例如:#about01 如果您再
1 - WebKit 的正确语法是什么(主要用于 iPad 上的 Safari,如果它适用于 Win Chrome 则很好)到 .addEventListener至hashChange事件? 2 -
我有一个页面,其中有一些链接指向绑定(bind)到 hashchange 事件的 anchor 和事件处理程序: Link $(window).on('hashchange', functi
我在使用 jQuery 和将动画包装在 hashchange 事件中时遇到问题。当事件被触发时,动画立即发生。我需要它是光滑的。 jQuery( document ).ready(functi
我使用以下示例进行哈希更改: $(window).trigger('hashchange'); $('.navBtn').bind('hashchange',function(){ var h
我有一个表单,可以在成功提交后将哈希 URL 添加到我的域 ( http://domain.com/#addedhash ) 我希望表单在添加哈希链接后向其自身添加一个类。 我有这段代码,但由于某种原
我做了一个 jQuery 的东西; with 将加载内容而不刷新页面。其代码是: $(document).ready(function(){ // initial $('#content').load
我什至不知道我应该怎么称呼这个问题……这个问题的标题根本没有任何意义,我知道! 以下案例:我有一个单页布局,用户可以向下滚动。我有 .layer 部分,当在视口(viewport)内时,应该将地址栏中
我在基于 URL 散列中的值的 jQuery 多选控件中显示“选择”的项目。例如, http://localhost/index#options=2,3,4 根据 url hashQuery 在多选控
overlay.onclick = function(e){ e.preventDefault(); window.location.hash = 'overlay'; var
在我的网页上,我有多个独立的插件(找不到更好的词),它们都与浏览器的 location.hash 交互。 (我有一些代码可以让他们的工作分开,但这与这个问题无关。)例如,我有: // file1.js
我在让 hashchange 函数按我希望的方式工作时遇到了一些问题。我目前有一个 div 的砌体网格,每行(4 行)后都有一个清除 div,这是隐藏的。单击其中一个 div 会显示最近的清除 div
我正在尝试根据哈希字符串中的函数名称来调用函数。我有以下代码: $(window).on('hashchange', function() { //alert(location.hash.subs
我的应用程序中有以下代码: $(window).hashchange( function(){ console.log('hashchange event'); var hash =
我的页面上有一些 div,默认情况下是隐藏的。可以通过链接(例如“#job8”)选择工作。我正在尝试在我的脚本中使用 hashchange 来检查特定哈希的 URL,然后显示适当的 div。 这是一个
我有一个 AngularJS Web 应用程序,其中没有单独的页面。 我已经设置了一个目标完成,以便有一个由 javascript 事件触发的代码, 它具有以下结构: function call_co
我同时使用了 jquery hashchange 和 window.addEventListener("hashchange"),但是当代码删除哈希部分时,该事件不会触发。我正在使用 mithril.
我是一名优秀的程序员,十分优秀!