jQuery使用.on（加載）與ajax加載內容

Question

我有一個網頁與AJAX加載內容。如果我點擊「出口」的內容重新加載並生成一個HTML A-元素使用PHP：

<a style=\"display:none;\" id=\"menue-export-link\" href=\"download/".$this->select->downloadcsv."\"></a> 

現在我想自動開始下載，所以我寫了下面的JavaScript代碼，開始在A-下載元素負載：

$(document).ready(function() { 
    $(document).on('load', '#menue-export-link', function() { 
     console.log('click export'); 
     $('#menue-export-link').click(); 
     $('#menue-export-link').remove(); 
    }); 
}); 

但沒有任何反應，有人有什麼想法嗎？

Answer 1

首先，html錨點元素沒有load或onload事件。 所以@TheF說你必須在你的ajax成功回調中觸發下載。請記住在DOM中添加html後找到並觸發它。有關jQuery的更多信息，請訪問jQuery AJAX http://api.jquery.com/jquery.ajax/

現在觸發下載部分。觸發導致導航的點擊事件有點棘手。以下問題的答案是很清楚jQuery: how to trigger anchor link's click event和 How can I simulate an anchor click via jquery?

Answer 2

$(document).on("click", "#menue-export-link", function() { 
    console.log("click export"); 
}); 

Answer 3

你的JS當你的主網頁加載觸發和#menue-export-link可能並不存在於那個時候。如果使用$.ajax加載該鏈接，請將您的JavaScript放在success回調中，以確保您的鏈接存在或正在加載，然後再觸發代碼。