jQuery他のページの問題でディープリンク、divのコンテンツを読み込み

Question

私はこれを初めて知りましたが、いくつかの本を読んでオンラインで検索しました。だから、どんな支援も祝福になるでしょう。

ナビゲーションリンクをクリックすると、適切なページから "#content" divを現在のページの "#content" divに読み込む機能を設定できました。この問題は、アドレスプラグインとのディープリンクを実装しようとしたときに発生しました。私はページから "#content" divだけをロードする方法を理解できないようです。

ここには、www.theeastcoastclassic.com/index1.html のライブが表示されています。ボトムnavには元の.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の列に関する任意のヒントを持っているなら、私に知らせてください、それがこのかのように思えるが、プラグインは非常にシンプルですが、ブラウザごとに異なって表示されます。私は多くのスクロールバーを使用しています。

Answer 1

1. equalHeightsプラグインは、あなたの質問とは何の関係もありません - あなたは別々の質問

2. を開始し、このプラグインでバグが発生した場合は、プラグインのドキュメントを読んでください - あなたはchange()機能を追加する必要があるので、アドレスが変更された場合、これは実行されます。

   $ .address.change（機能（イベント）{ //ここにロードロジックは }}）;