Làm thế nào để đối phó với $ (document) .foundation() gọi và WebPack?

Question

Theo documentation của Quỹ:

Sau khi bạn đã bao gồm JavaScript Foundation, chỉ cần thêm một gọi đơn giản để khởi tạo tất cả các plugin trên trang của bạn.

Chúng tôi khuyên bạn nên khởi tạo Nền tảng ở cuối trang .

<script> 
    $(document).foundation(); 
</script> 

ứng dụng của tôi sử dụng WebPack và do đó module tải là async.
Điều đó có nghĩa là tập lệnh cổ điển ở cuối thân máy chạy TRƯỚC KHI ui-view được điền bằng mẫu. (sử dụng Góc).

Nếu tôi đặt tập lệnh ở dưới cùng, DOM được điền trước khi được phân tích bởi tập lệnh của Foundation, kết quả là không có hiệu lực ở tất cả hành vi của các thành phần của Foundation.

Bạn có trải nghiệm giống nhau không?

Tôi không muốn kích hoạt $(document).foundation(); trong từng mẫu của bộ điều khiển.

Answer 1

Bạn nên thực thi $(document).foundation() trên document.ready sự kiện hoặc window.load. Nhưng giải pháp tốt nhất là mô-đun khôn ngoan khởi tạo Foundation JS.

Ví dụ, tạo ra một accordion var elem = new Foundation.Accordion(element, options);