使用Jquery load來刷新div，然後在重新顯示內容之前單擊一個鏈接

Question

使用jquery load函數刷新div的內容。

我開始通過隱藏的div

$('.dashboard-body').fadeOut(50); 

然後阿賈克斯負載 - 刷新內容

load事件之後，並同時刷新DIV仍有隱憂ID喜歡點擊的內容之一分頁鏈接。然後當再次顯示div時，會顯示正確的內容。

繼承人不起作用的代碼。我使用livequery插件作爲DOM中新元素的偵聽器。

$('.dashboard-body').load(target, function(){ 
       $('.pagination ul li a').livequery(function(){ 
        $(this).each(function(){ 
         var target_page = $(this).html(); 
         if(target_page == return_page){ 
          $(this).click(); 
         } 
        }); 
       }); 

       $('.dashboard-body').fadeIn('slow',function(){ 
        //success 
       }); 

      }); 

上面的代碼在我的腦海中執行以下操作。

它使用類儀表板主體將目標頁面加載回div。

其使用的liveQuery

然後，它在每一個環節迭代發現

它發現鏈接數值即監聽加載到DOM中新分頁鏈接。 1，2，3 ....並且被定義爲潛在的目標頁碼。

然後如果目標頁面和返回頁碼（這是一個預定義的變量）是相等的。點擊此鏈接。

這一切似乎工作和使用控制檯我可以看到，本聲明

if(target_page == return_page){ 

是真的，一旦如預期，但Click事件不會發生，就好像犯規存在的元素，但它應該做的正如它剛剛迭代他們。

我不能看到什麼是錯的任何想法？或者，還有更好的方法？

Answer 1

我做了一個測試http://jsfiddle.net/y6yJN/沒有.load - 它按預期工作，點擊處理程序至少在我的瀏覽器中工作得很好。另外，我使用.text（）而不是.html（）來獲取鏈接中的字符串編號。

我一塊標記

<div class="pagination"> 
    <ul> 
     <li> 
      <a href="#example">1</a> 
     </li> 
     <li> 
      <a href="#example2">2</a> 
     </li> 
     <li> 
      <a href="#example3">3</a> 
     </li>   
    </ul> 
</div> 

和腳本：

var return_page = '2'; //some string 

//click handler for links 
$('.pagination ul li a').click(function(e){ 
    e.preventDefault; 
    alert($(this).attr('href')); 
    return false; 
}); 


//must alert '#example2' on page load 
$('.pagination ul li a').each(function(){ 
    page_number = $(this).text(); 
    if(page_number === return_page){ 
     $(this).click(); 
    } 
}); 

此外我認爲你不需要的liveQuery或如此，因爲回調函數被調用的DOM更改後，使得jQuery的已經在新的DOM上收集了。我可以在這裏錯了。

Answer 2

我需要添加此代碼爲click事件處理程序

$('body').on('click','.pagination ul li a',function(event){