jQuery深度链接，从其他页面问题的div加载内容

因此，我承认我是新手，但我已经阅读了几本书并在网上搜索，无法完全找到我需要的内容。所以任何援助都是一件幸事。jQuery深度链接，从其他页面问题的div加载内容

我能够设置一个功能，在点击导航链接时，它会将“#content”div从适当的页面加载到当前页面上的“#content”div中。当我尝试实现与地址插件的深层链接时，问题就出现了。我似乎无法弄清楚如何让它只从页面加载“#content”div。

你可以在这里看到它：www.theeastcoastclassic.com/index1.html 底部导航仍然具有原始的.load功能，顶部使用深度链接功能。

这是我的.js文件：

// Deep Linking 

    function loadURL(url) { 
      console.log("loadURL: " + url); 
      $("#content").load(url); 
    } 

    $.address.init(function(event) { 
      console.log("init: " + $('[rel=address:' + event.value + ']').attr('href')); 
      }).change(function(event) { 
      $("#content").load($('[rel=address:' + event.value + ']').attr('href')); 
      console.log("change"); 
    }) 

    $('ul#topNav a').live('click', function(e){ 
      $.scrollTo('#content', 'slow'); 
      $("#content").hide(); 
      loadURL($(this).attr('href').fadeIn("6000")); 
      e.preventDefault(); 
    }); 

// Top Nav Hijax 

/* $("ul#topNav a").live("click",function(e) { 
     $.scrollTo('#content', 'slow'); 

     var url = $(this).attr("href") + " #content"; 
     $("#content").hide().load(url).fadeIn("6000"); 
     e.preventDefault(); 
    }); */ 

// Bot Nav Hijax 

    $("ul.bNav a").live("click",function(e) { 
     $.scrollTo('#content', 'slow'); 

     var url = $(this).attr("href") + " #content"; 
     $("#content").hide().load(url).fadeIn("6000"); 
     e.preventDefault(); 
    }); 

//Equal Height Columns 

    $(document).ready(function() { 
     $("div .col3").equalHeights(); 
           });

这是删节HTML：

<ul id="topNav"> 
      <li> 
      <a href="index.html" title="index" rel="address:/index"> Home </a> 
      </li> 
      <li> 
      <a href="schedule.html" title="schedule" rel="address:/schedule"> Schedule </a> 
      </li> 
      <li> 
      <a href="lodging.html" title="lodging" rel="address:/lodging"> Lodging </a> 
      </li> 
      <li> 
      <a href="sponsors.html" title="sponsors" rel="address:/sponsors"> Sponsors </a> 
      </li> 
      <li> 
      <a href="directions.html" title="directions" rel="address:/directions"> Directions </a> 
      </li> 
      <li> 
      <a href="contact.html" title="contact" rel="address:/contact"> Contact </a> 
      </li> 
     </ul> 



<div id="content" class="clearfix"> 
</div>

此外，如果您有任何关于equalHeights任何提示栏，请让我知道，它好像这插件非常简单，但在每个浏览器上的显示方式不同，我收到很多滚动条。

来源

2012-04-03 Cuestisimo

的equalHeights插件没有任何与你的问题 - 如果你遇到这个插件的bug
你应该阅读插件文件启动一个单独的问题 - 你需要添加一个change()功能，所以如果地址发生变化，将执行：

$ .address.change（function（event）{ //您的加载逻辑转到这里 }）;

来源

2012-05-14 12:38:17 Peter

jQuery深度链接，从其他页面问题的div加载内容

回答

相关问题