Sử dụng jQuery với Aurelia

Question

Tôi có ứng dụng Aurelia và trong app.js tôi muốn sử dụng jQuery.

Vì vậy config.js của tôi trông giống như:

System.config({ 
... 
    map: { 
    ... 
    "jquery": "npm:jquery@2.2.0", 
    ... 
    } 
} 

Và trong app.js tôi nhập khẩu các jQuery như thế này:

var $ = require('jquery'); 

Nhưng khi tôi yêu cầu nó, tôi nhận được trang web trống. Cùng với nhập:

import $ from 'jquery'; 

Điều gì là sai?

Cảm ơn

EDIT: ok, được giải quyết. Vấn đề là, mã jQuery phải được gọi bên trong mehtod đính kèm(). Vì vậy, như thế này:

export class Class1 { 
    attached() { 
     //jQuery code here 
    } 
} 

Answer 1

Bạn cần cài đặt jquery từ https://github.com/components/jquery

Nhưng nếu bạn sử dụng aurelia-xương, bạn có thể nhập nó từ bootstrap

import 'bootstrap'; 

và sau đó sử dụng $ ở khắp mọi nơi trong ứng dụng hoặc

import $ from 'bootstrap' 

Tương tự cho jqueryui. Nếu cần, hãy lấy nó từ https://github.com/components/jqueryui

Answer 2

jquery được cài đặt trong \ jspm_packages \ github \ components (ít nhất trong trường hợp của tôi). Nếu đây là trường hợp của bạn, bạn nên sử dụng:

System.config({ 
... 
    map: { 
    ... 
    "jquery": "github:components/jquery@2.2.0", 
    ... 
    } 
} 

Liên kết đến Example in plunker.

Answer 3

Chỉ cần khác! Chúng tôi sử dụng jQuery và tôi đã thử thêm nó thông qua config.js và sử dụng nhập khẩu vv - mà làm việc ok. Nhưng chúng tôi cũng sử dụng một vài thư viện js mà chúng tôi tải bằng cách sử dụng thẻ tập lệnh trong trang html chính và các yêu cầu này phải có jquery. Tôi đã thử tải chúng bằng cách sử dụng nhập quá nhưng chúng không thực sự được thiết kế cho nó và nó quá phức tạp nên cuối cùng chúng ta chỉ làm cho cuộc sống trở nên rất đơn giản:

thẻ script cho jquery trong trang html chính
thẻ script từ thư viện js của bên thứ ba trong trang html chính

hoàn thành công việc!

Nó cũng có lợi ích tiềm năng là có thể tải cả jquery và thư viện từ CDN nếu bạn muốn.

Có thể mất lợi ích khi tải mô-đun thông qua nhập nhưng chúng tôi sử dụng cả jquery và libs khác trong ứng dụng nên chúng tôi không thực sự thua và tôi không phải nhớ nhập chúng khi tạo mô-đun mới :-)