Jquery地址插件 - 历史记录（后退/前进）跟踪不起作用

我一直试图让Jquery地址插件现在正常工作大约12个小时，因此我计算了它的发布时间。我遇到的问题是后退和前进导航不起作用。 IE：点击一个链接，然后点击后退按钮实际上没有导航回。它虽然改变了网址。另一件让我相信自己在做一些根本性错误的事情是我插入了$.address.title($(this).attr("title"));，并且它实际上并没有改变地址。Jquery地址插件 - 历史记录（后退/前进）跟踪不起作用

jQuery的位置：

$('#swNavlist a').address(); 
$('#swNavlist a').click(function() { 

    $("#swBody").block({ 
    message:"Loading", 
    css: { 
     border: 'none', 
     padding: '15px', 
     backgroundColor: '#000', 
     '-webkit-border-radius': '10px', 
     '-moz-border-radius': '10px', 
     opacity: .5, 
     color: '#fff' 
    } }); 


    var content_show = $(this).attr("href").replace(/^#/, ''); 


    $.ajax({ 
     method: "get",url: content_show, 
     //"+bvLanguage+"/ 

     success: function(html){ //so, if data is retrieved, store it in html 

      $("#swBody").html(html); //show the html inside .content div 
      $("#swBody").unblock(); 
      $.address.title($(this).attr("title")); 


     },//success 
     error: function(){ 
      $("#swBody").unblock(); 
      $("#swBody").block({ 
       message:"Error Encountered", 
       css: { 
        border: 'none', 
        padding: '15px', 
        backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius': '10px', 
        opacity: .5, 
        color: '#fff' 
       }, 
       timeout:1000 
      }) 
     } 
    }); //close $.ajax(
    $("#swNavlist").topZIndex(); 

});//end navigation

HTML浏览：

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
    <Title>Swebits Home</title> 
    <link href="css/swCss.css" rel="styleSheet" type="text/css" /> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery.pngFix.js"></script> 
    <script type="text/javascript" src="js/jquery.blockUI.js"></script> 
    <script type="text/javascript" src="js/jquery.topzindex.min.js"></script> 
    <script type="text/javascript" src="js/sw.js"></script> 
    <script type="text/javascript" src="js/jquery.address-1.3.2.min.js?autoUpdate=1"></script> 



</head> 

<body> 
     <div id="swHead"> 
      <div class="leftCol"></div> 
      <div class="centerCol"> 


       <div class="navigation"> 
        <ul id="swNavlist"> 
         <li id="active"><a href="#home.html" id="current" title="Swebits Home">Home</a></li> 
         <li><a href="#webd.html" title="Swebits Web Development">Web Design</a></li> 
         <li><a href="#bla.html" title="webs.html">Web Systems</a></li> 
         <li><a href="" title="hosting.html">Hosting</a></li> 
         <li><a href="" title="photo.html">Photography</a></li> 
         <li><a href="" title="portfolio.html">Portfolio</a></li> 
         <li><a href="" title="network.html">Our Network</a></li> 
         <li><a href="" title="contact.html">Contact</a></li> 
        </ul> 
       </div> 
      </div> 
      <div class="rightCol"></div> 
     </div> 
    <div id="swContainer" class="clearfix"> 


     <div id="swCenter" class="clearfix"> 


      <div id="swBody"> 
       <?php 
        include("home.html"); 
       ?> 
      </div> 

      <div id="swFooter"> 

      </div> 

     </div> 

    </div> 

</body>

最后，我试图执行一个if语句，这样，如果目标是空白的页面重定向到“的错误。 HTML“，但似乎也没有工作。

我很感激帮助！

来源

2011-03-06 nicky

我时间不多，可能误解了你正在做的事情，所以我不会发布这个答案。如果我正确理解你的目标，我相信你使用绝对最好的插件是http://benalman.com/projects/jquery-bbq-plugin/ – JAAulde 2011-03-06 16:45:12

这个插件似乎和许多其他的历史/哈希插件一样。然而根据asual.com的例子 - 他确实调用了init（）函数，即使文档说你不必这样做。

认为，来源，看看是否有些事情是不适当证件

来源

2011-03-06 16:53:16 Mikhail

这里的东西，它接缝要装入自己的页面（通过点击事件触发功能），你需要做的创建一个功能是什么由JQ地址事件change触发，并在其内部使用JQ地址value属性（深度链接值在#之后）来设置要使用AJAX加载的正确页面。

现在您正在告诉JQ地址您当前的页面状态是什么，但您并未告诉它该如何处理该值，因此您必须自己进行更改，以便JQ地址无法在您输入正确的网址或使用后退按钮。

来源

2011-09-22 19:44:52

Jquery地址插件 - 历史记录（后退/前进）跟踪不起作用

回答

相关问题