如何讓瀏覽器支持jquery ajax load 前進、后退功能
更新時間：2014年06月12日 11:27:03 投稿：whsnow
在做 ajax load 的時候，很多人都不會考慮到需要瀏覽器支持前進后退功能，本例讓瀏覽器支持jquery ajax load 前進、后退 功能,需要的朋友可以參考下
一般在做 ajax load 的時候，很多人都不會考慮到需要瀏覽器支持前進后退功能，因為大部分人都不知道可以實現(xiàn)。
最近遇到這個問題，經過一小段研究，發(fā)現(xiàn)github已經有現(xiàn)成的開源工具使用，主要實現(xiàn)原理是利用html的錨點，即<a href="#xxx">
主要demo代碼如下：
html
<ul>
<li><a href="#ttt">ttttttttttttttt</a></li>
<li><a href="#aaa">aaaaaaaaaaaaaaa</a></li>
<li><a href="#bbb">bbbbbbbbbbbbbbb</a></li>
<li><a href="#eee">eeeeeeeeeeeeeee</a></li>
<li><a href="#mmm">mmmmmmmmmmmmmmm</a></li>
</ul>
<div id="showdiv" style="width: 500px; height: 500px; border: 1px groove #e3e7ea;">default content</div>
js
<script type="text/javascript">
$(function() {
// 這里是共用的位置，通過state參數(shù)做操作
$.History.bind(function(state){
$('#showdiv').load('action/'+state+'.html');
});
// 這里是對某個鏈接做特殊操作
$.History.bind('bbb',function(state){
alert('點擊了 bbb 鏈接，這是對 bbb 鏈接特殊處理位置');
});
});
</script>
相關問題：
state 參數(shù)：即超鏈接標簽href="#xxx"中的xxx值。
執(zhí)行順序：先執(zhí)行特殊操作，再執(zhí)行共用操作。
最近遇到這個問題，經過一小段研究，發(fā)現(xiàn)github已經有現(xiàn)成的開源工具使用，主要實現(xiàn)原理是利用html的錨點，即<a href="#xxx">
主要demo代碼如下：
html
復制代碼 代碼如下:
<ul>
<li><a href="#ttt">ttttttttttttttt</a></li>
<li><a href="#aaa">aaaaaaaaaaaaaaa</a></li>
<li><a href="#bbb">bbbbbbbbbbbbbbb</a></li>
<li><a href="#eee">eeeeeeeeeeeeeee</a></li>
<li><a href="#mmm">mmmmmmmmmmmmmmm</a></li>
</ul>
<div id="showdiv" style="width: 500px; height: 500px; border: 1px groove #e3e7ea;">default content</div>
js
復制代碼 代碼如下:
<script type="text/javascript">
$(function() {
// 這里是共用的位置，通過state參數(shù)做操作
$.History.bind(function(state){
$('#showdiv').load('action/'+state+'.html');
});
// 這里是對某個鏈接做特殊操作
$.History.bind('bbb',function(state){
alert('點擊了 bbb 鏈接，這是對 bbb 鏈接特殊處理位置');
});
});
</script>
相關問題：
state 參數(shù)：即超鏈接標簽href="#xxx"中的xxx值。
執(zhí)行順序：先執(zhí)行特殊操作，再執(zhí)行共用操作。
相關文章
jquery 全局AJAX事件使用代碼，需要的朋友可以參考下。2010-11-11
Jquery設置attr的disabled屬性控制某行顯示或者隱藏
這篇文章主要與大家分享Jquery設置attr的disabled屬性控制某行顯示或者隱藏的具體實現(xiàn)，喜歡的朋友可以參考下2014-09-09
jquery彈層類代碼分享，大家參考使用吧2013-12-12
本文通過實例代碼給大家分享了jQuery 實現(xiàn)左右兩側菜單添加、移除功能，需要的朋友參考下吧2018-01-01
jQuery+PHP實現(xiàn)動態(tài)數(shù)字展示特效
我們在一些應用中需要動態(tài)展示數(shù)據，比如當前在線人數(shù)，當前交易總額，當前匯率等等，前端頁面需要實時刷新獲取最新數(shù)據。本文將結合實例給大家介紹使用jQuery和PHP來實現(xiàn)動態(tài)數(shù)字展示效果。2015-03-03
這篇文章主要探討了關于jQuery判斷元素是否存在的問題,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery中empty()方法用法,以實例形式分析了empty()方法的功能、定義及將匹配元素中的所有內容移除的使用技巧,需要的朋友可以參考下2015-01-01
jquery是等待頁面加載完數(shù)據，以及頁面部分元素；js是頁面全部加載完成才執(zhí)行初始化加載，具體示例祥看本文2014-04-04
使用easyui從servlet傳遞json數(shù)據到前端頁面的兩種方法
這篇文章主要介紹了用easyui從servlet傳遞json數(shù)據到前端頁面的兩種方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
jquery實現(xiàn)效果比較好的table選中行顏色
這篇文章主要介紹了jquery table選中行顏色實現(xiàn)代碼,需要的朋友可以參考下2014-03-03