2011-09-21 3 views
19

Tôi có một tập tin javascript và tôi muốn bao gồm jquery trong tập tin js này. Bạn có gợi ý không?làm thế nào để bao gồm jquery trong một tập tin javascript

+1

Tại sao bạn cần thực hiện điều đó? –

+3

làm thế nào về điều này http://stackoverflow.com/questions/5577771/how-to-include-jquery-js-in-another-js-file – ayush

+2

Bởi vì, tôi muốn sử dụng thư viện jquery trong tệp javascript của tôi. Bạn có biết cách khác không? – cagin

Trả lời

19

Chỉ cần đưa JavaScript cho jQuery trước khi bạn bao gồm JavaScript của riêng bạn:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="path/to/your/script.js"></script> 

Mặc dù những người khác đã gợi ý đơn giản là sao chép và dán jQuery vào tập tin JavaScript của riêng bạn, nó thực sự tốt hơn để bao gồm jQuery tách biệt với nguồn chính tắc vì điều đó sẽ cho phép bạn tận dụng bộ nhớ đệm mà trình duyệt và máy chủ trung gian của bạn đã thực hiện cho tệp đó.

+0

thật đáng tiếc điều này không hiệu quả đối với tôi, sử dụng chuỗi '[trang web chính -> bao gồm [work_app.php -> bao gồm jQuery.js + another.js]]' jQuery không bao giờ được tải đúng lúc và có, kịch bản của tôi được bao gồm dưới đây jquery bao gồm. – RozzA

+0

@AliRashidi, như thế nào? –

+0

Điều gì sẽ xảy ra nếu tải jquery mất quá nhiều thời gian, sẽ không phải đoạn mã từ script.js bắt đầu thực thi trước khi jquery được tải chưa? –

5

Chỉ cần hợp nhất các tệp.

cat jquery.js >> a_javascript_file.js 

Hoặc, vì có thể bạn muốn jQuery đầu tiên:

cat a_javascript_file.js jquery.js > tmp.js; 
mv tmp.js a_javascript_file.js 
+3

Bây giờ, đó chỉ là ý nghĩa. :) – bzlm

3

Nếu bạn muốn bao gồm một tập tin js thành một file js ... javascript không có một cái gì đó giống như một bao gồm chức năng nhưng bạn có thể tải tập tin với một yêu cầu ajax hoặc thêm một thẻ script vào html với js. Kiểm tra các liên kết sau đây, một đọc thực sự thú vị!

How do I include a JavaScript file in another JavaScript file?

+0

+1 cho liên kết – kc2001

14
var jq = document.createElement("script"); 

jq.addEventListener("load", proceed); // pass my hoisted function 
jq.src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"; 
document.querySelector("head").appendChild(jq); 

function proceed() { 
    // jQuery load complete, do your magic 


} 
-2

Tôi đề nghị bạn sử dụng một dòng mã bên trong thư viện tập lệnh java của bạn.

document.write("Script/jquery.min.js'></script>"); 

với sự trợ giúp của điều này, bạn không cần thêm tham chiếu của hai tệp trên trang của mình.