Làm cách nào để kiểm tra xem plugin jQuery đã được tải chưa?

Có cách nào để kiểm tra nếu một plugin cụ thể có sẵn không?

Hãy tưởng tượng rằng bạn đang phát triển một plugin phụ thuộc vào một plugin khác đang được tải.

Ví dụ: tôi muốn plugin Xác thực jQuery sử dụng thư viện dateJS để kiểm tra xem một ngày đã cho có hợp lệ không. Điều gì sẽ là cách tốt nhất để phát hiện, trong plugin jQuery Valdation nếu dateJS có sẵn?

Nói chung, các plugin jQuery là không gian tên trên phạm vi jQuery. Bạn có thể chạy một kiểm tra đơn giản để xem nếu không gian tên tồn tại:

 if(jQuery().pluginName) {
     //run plugin dependent code
 }

dateJs tuy nhiên không phải là một plugin jQuery. Nó sửa đổi / mở rộng đối tượng ngày javascript và không được thêm dưới dạng không gian tên jQuery. Bạn có thể kiểm tra xem phương thức bạn cần có tồn tại không, ví dụ:

 if(Date.today) {
      //Use the dateJS today() method
 }

Nhưng bạn có thể gặp phải các vấn đề trong đó API chồng lấp API ngày gốc.

Nếu chúng ta đang nói về một plugin jQuery thích hợp (một plugin mở rộng không gian tên fn), thì cách thích hợp để phát hiện plugin sẽ là:

if(typeof $.fn.pluginname !== 'undefined') { ... }

Hoặc bởi vì mọi plugin đều được đảm bảo có nhiều giá trị tương đương với true, bạn có thể sử dụng ngắn hơn

if ($.fn.pluginname) { ... }

BTW, $ và jQuery có thể hoán đổi cho nhau, vì trình bao bọc trông kỳ quặc xung quanh một plugin thể hiện:

(function($) {
    //
})(jQuery))

đóng cửa

(function($) {
    //
})

được theo dõi ngay lập tức bởi một lệnh gọi đến việc đóng 'chuyển' jQuery làm tham số

(jQuery)

$ trong bao đóng được đặt bằng với jQuery

Để phát hiện các trình cắm jQuery tôi thấy chính xác hơn khi sử dụng dấu ngoặc:

if(jQuery().pluginName) {
    //run plugin dependent code
}

đối với các plugin không sử dụng không gian tên fn (ví dụ pnotify), điều này hoạt động:

if($.pluginname) {
    alert("plugin loaded");
} else {
    alert("plugin not loaded");
}

Điều này không hoạt động:

if($.fn.pluginname)

jQuery có một phương thức để kiểm tra xem một cái gì đó có phải là một hàm không

if ($.isFunction($.fn.dateJS)) {
    //your code using the plugin
}

Tham chiếu API: https://api.jquery.com/jQuery.isFunction/

Tôi thực sự khuyên bạn nên gói thư viện DateJS với plugin của bạn và ghi lại sự thật rằng bạn đã thực hiện nó. Không có gì khó chịu hơn việc phải săn lùng những người phụ thuộc.

Điều đó nói rằng, vì lý do pháp lý, bạn có thể không phải lúc nào cũng có thể bó mọi thứ. Nó cũng không bao giờ đau lòng để thận trọng và kiểm tra sự tồn tại của plugin bằng câu trả lời của Eran Galperin .

Chạy này trong bảng điều khiển trình duyệt của bạn lựa chọn.

if(jQuery().pluginName){console.log('bonjour');}

Nếu plugin tồn tại, nó sẽ in ra "bonjour" dưới dạng phản hồi trong bảng điều khiển của bạn.

Cách tiếp cận này nên làm việc.

var plugin_exists = true;

try {
  // some code that requires that plugin here
} catch(err) {
  plugin_exists = false;
}