加載頁面加載時首先選擇選項值與ajax

Question

我正在創建一個div，我可以根據選擇值填充不同的內容。它起作用，當我選擇一個選項時，它會加載。我不知道該怎麼做是在第一次加載頁面時加載第一個選項。我也遇到了一個問題，在我的頭文件中調用的jQuery腳本在加載時不適用於ajax內容。我希望通過在頁面加載時加載第一個實例來解決這個問題。

這裏是我的代碼：

<select class="post-link"> 
<option value="http://example.com">Option 1</option> 
<option value="http://example.com">Option 2</option> 
<option value="http://example.com">Option 3</option> 
</select> 

// This is where the content will be loaded 
<div id="single-post-container"></div> 

jQuery(document).ready(function($){ 
    $.ajaxSetup({cache:false}); 
    $(".post-link").change(function(){ 
     var post_link = $(this).val(); 

     $("#single-post-container").html("content loading"); 
     $("#single-post-container").load(post_link); 
    return false; 
    }); 
}); 

任何方向將不勝感激！

Answer 1

jQuery(document).ready(function($){ 
    $.ajaxSetup({cache:false}); 
    $(".post-link").change(function(){ 
     var post_link = $(this).val(); 

     $("#single-post-container").html("content loading"); 
     $("#single-post-container").load(post_link); 
    return false; 
    }); 

    # selects first element 
    $(".post-link")[0].selectedIndex = 0; 

    # triggers change handler 
    $(".post-link").trigger('change'); 
});