阿賈克斯需要再次點擊加載

Question

我有一個問題，AJAX和Jquery 經過幾小時的研究，我finaly在這裏發佈。

你可以看到我的問題directly on my (nonfinished) website

當你在頁面上到達，就沒有什麼ACCUEIL（這是正常的）

TRY 1

點擊項目=>

• 觸發器標頭（普通）

• 發送一個Ajax請求的項目頁面加載到主DIV（正常）

• 的（「禮」）不開始了slideDown（除非我點擊第二次上項目 ）

TRY 2

去Propos =>（一切正常）再次前往項目 =>

• 觸發一切！

守則

這裏是用來觸發項目了slideDown代碼：我認爲這是同樣的問題this question

它必須是一個回調的故事

$('li').livequery(function(){ 

    var lis = $('#project-container ul').find('li'); 
    $(lis).each(function(index) { 
     var li = $(this); 

     setTimeout(function() { 
      li.slideDown(400); 
     }, 300 * index); 
    }); 
}); 

，其中var沒有妥善保存或 ，但不幸的是我不能讓它與我的網頁一起工作。

有人可以幫我嗎？

Answer 1

確保您在加載頁面後運行此代碼。當我在90％的情況下遭受這種問題時，這就是原因。

Answer 2

我不是的liveQuery的大風扇（我沒有看到過使用默認.on()方法任何優勢。（delegated OFC）。

這似乎是一個過時的lib我:)

另一個提示。在全球範圍內定義材料時，用參數調用正確的方法。如果你像這樣定義全局全局，你會忽略什麼時候發生什麼變化。

使用tripple相等===和!==進行比較。而不是==它會避免意外的誤報。

in function GoToLink() { if (WrapLink == 1) {你比較一個字符串表示一個可以調用js函數的url，爲什麼？

你爲什麼不調用ajax方法來改變window.location？

，因爲你使用jquery爲什麼你需要一個額外的Ajax庫，你可以只使用jquery's default ajax implemention：

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: "name=John&location=Boston", 
    success: function(msg){ 
    alert("Data Saved: " + msg); 
    } 
}); 

只是一對夫婦的想法，讓你在正確的軌道

上的更新：

使用on方法在documentation中描述，您應該使用它的委託，這意味着您將它應用於pa租用容器並給孩子。 （'click'，'li'，function（）{ //做點什麼 }）;

我忽略了功能而沒有傳遞事件。

$('li').livequery(function() { 
    var lis = $('#project-container ul').find('li'); 
    $(lis).each(function (index) { 
     var li = $(this); 

     setTimeout(function() { 
      li.slideDown(400); 
     }, 300 * index); 
    }); 
}); 

這裏最簡單的方法是使用方法，並在添加列表項時調用它。

function slideDownListitems($lis){ 
    $lis.each(function (i) { 
     setTimeout(function() { 
      $(this).slideDown(400); 
     }, 300 * i); 
    }); 
} 
//when a listitem is added call 
slideDownListitems($('#project-container ul li')); 

不錯的工作一週JS！我會稍後再深入地看看其餘部分，並給你一個更新（現在工作）grtz