我无法让html4Mode选项为我工作.
我在一个非常简单的两页应用程序上使用ajaxify脚本(https://github.com/browserstate/ajaxify).在支持html5的浏览器中一切正常,但如果我想强制html4回退用于测试目的没有任何变化,似乎历史忽略了选项并继续使用html5推送状态URL.
为了强制退回,我只是更改了ajaxify脚本添加(在DOM就绪):
History.options.html4Mode = true;
(我使用的是v1.8b1 jquery html4 5 bundle脚本)
有没有办法让这个工作?
解决方法
要正确初始化history.js的选项,必须在脚本包含在页面之前设置选项.这看起来类似于以下内容:
<script type="text/javascript" language="javascript"> window.History = { options: { html4Mode: true} }; </script> <script src="/scripts/jquery.history.min.js" type="text/javascript"></script>
如果要求在DOM就绪上设置HTML4标志,那么您可以以相同的方式使用delayInit选项.请注意,您必须在准备好后手动调用History.init():
<script type="text/javascript" language="javascript"> window.History = { options: { delayInit: true} }; </script> <script src="/scripts/jquery.history.min.js" type="text/javascript"></script> ... <script type="text/javascript" language="javascript"> $(document).ready(function () { var userInput = true; //some code gathering user input or something window.History.options.html4Mode = userInput; window.History.init(); ); </script>
资料来源:
https://github.com/browserstate/history.js/pull/195
https://github.com/browserstate/history.js/issues/303
注意:我已成功使用第一个示例中演示的方法.第二个我没有亲自测试过.