選擇一個默認的類作爲'活動'打開一個iframe

Question

我有這段代碼來打開一個不同的iframe，每次用戶點擊一個按鈕。但是我注意到，當有人加載頁面時，沒有任何「默認」iframe打開，所以iframe看起來黑色和空白。有沒有一種方法可以編輯代碼以使課程在默認情況下處於活動狀態？

$(document).ready(function() { 
    // Catch all clicks on a link with the class 'link' 
    $('.link').click(function(e) { 

    // Stop the link being followed: 
    e.preventDefault(); 

    // Get the div to be shown: 
    var content = $(this).attr('rel'); 

    // Remove any active classes: 
    $('.active').removeClass('active'); 

    // Add the 'active' class to this link: 
    $(this).addClass('active'); 

    // Hide all the content: 
    $('.content').hide(); 

    // Show the requested content: 
    $('#' + content).show(); 
}); 

Answer 1

你可以嘗試這樣的事情，它會嘗試顯示頁面加載時的第一個鏈接。我無法測試，因爲我沒有全部代碼，但希望這與您正在尋找的內容非常接近。

$(document).ready(function() { 

    showLink($('.link').first()); 

    // Catch all clicks on a link with the class 'link' 
    $('.link').click(function(e) { 
     e.preventDefault(); 
     showLink($(this));  
    }); 

    function showLink(ele){ 

      // Get the div to be shown: 
      var content = ele.attr('rel'); 

      // Remove any active classes: 
      $('.active').removeClass('active'); 

      // Add the 'active' class to this link: 
      ele.addClass('active'); 

      // Hide all the content: 
      $('.content').hide(); 

      // Show the requested content: 
      $('#' + content).show(); 
    } 
});