tải jQuery vào một tệp js khác

Question

Tôi có tệp JavaScript, cũng sử dụng jQuery trong đó. Để tải nó, tôi đã viết mã này:

function include(filename) 
{ 
    var head = document.getElementsByTagName('head')[0]; 
    var script = document.createElement('script'); 
    script.src = filename; 
    script.type = 'text/javascript'; 
    head.appendChild(script) 
} 

include('http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js'); 
alert("1"); 

$(document).read(function(){}); 
alert("2"); 

này bắn alert("1"), nhưng thứ hai alert không hoạt động. Khi tôi kiểm tra các phần tử, tôi thấy một lỗi có nội dung là $ không được xác định.

Tôi nên giải quyết vấn đề này như thế nào?

Answer 1

Bạn cần phải thực hiện bất kỳ mã cụ thể jQuery chỉ một lần kịch bản được tải trong đó rõ ràng là có thể xảy ra tại một điểm muộn hơn nhiều trong thời gian sau khi thêm nó vào phần đầu:

function include(filename, onload) { 
    var head = document.getElementsByTagName('head')[0]; 
    var script = document.createElement('script'); 
    script.src = filename; 
    script.type = 'text/javascript'; 
    script.onload = script.onreadystatechange = function() { 
     if (script.readyState) { 
      if (script.readyState === 'complete' || script.readyState === 'loaded') { 
       script.onreadystatechange = null;             
       onload(); 
      } 
     } 
     else { 
      onload();   
     } 
    }; 
    head.appendChild(script); 
} 

include('http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js', function() { 
    $(document).ready(function() { 
     alert('the DOM is ready'); 
    }); 
}); 

Và đây là live demo.

Bạn cũng có thể xem bộ tải tập lệnh như yepnope hoặc RequireJS giúp thực hiện tác vụ này dễ dàng hơn.

Answer 2

Vấn đề ở đây có thể là, mặc dù bạn bao gồm tập lệnh, điều đó không có nghĩa là nó được tải khi bạn cố gắng làm $(document).ready(function(){});. Bạn có thể nhìn vào Google Loader để ngăn chặn vấn đề này http://code.google.com/intl/fr-FR/apis/loader/