Bộ chọn jQuery không hoạt động trong bảng điều khiển

Question

Tôi không thể cho cuộc sống của tôi làm việc này ra. Tôi có js chạy và 'trạng thái container ..' là một nhật ký giao diện điều khiển từ các js đang chạy trên trang. Nó hiển thị một bộ chọn, nhưng nếu tôi muốn làm bất cứ điều gì trong giao diện điều khiển nó chỉ trả về null. Tôi giả định bằng cách nào đó tôi đang trên văn bản jQuery chức năng ở đâu đó, như thể tôi gọi jQuery

>>> $ 
function() 

Đây là cách tôi đang kêu gọi một selector

Container state 3 jQuery(div.module-carousel) 
>>> $('body') 
null 

Answer 1

jQuery sử dụng 2 không gian tên, jQuery và $. Một thư viện khác có thể đã sử dụng số $. Hãy thử sử dụng jQuery thay vì $ (giả định rằng nó không được ghi đè cũng):

jQuery('body'); 

hoặc quấn jQuery trong một chức năng ngay lập tức và sử dụng $ trong nó, do đó bạn không cần phải thay thế $ trong mã hiện tại :

(function($){ 
    //"$" in here is jQuery 
    //code that uses $ as jQuery will work in here 
}(jQuery)); //pass in jQuery and execute 

Answer 2

Cả hai trình duyệt Firefox và Chrome xác định $ như một cách viết tắt cho document.getElementById trong bảng điều khiển. Thuật toán này sẽ tự động bị ghi đè khi trang xác định $.

Vì vậy, hãy tải jQuery (through a bookmarklet ví dụ) và bạn có thể sử dụng bộ chọn jQuery.

Nếu bạn không cần bộ chọn jQuery cụ thể, bạn cũng có thể sử dụng $$, viết tắt là document.querySelectorAll, hỗ trợ bộ chọn CSS (3).

Answer 3

Nếu bạn $ bị quá tải (nhưng không jQuery), và bạn muốn làm việc trong giao diện điều khiển của bạn, chỉ cần làm như sau:

$ = jQuery; 

Đơn giản như vậy.

Để có giải pháp hoàn chỉnh hơn (phát triển thực tế, không chỉ bàn điều khiển), hãy sử dụng giải pháp @Joseph the Dreamer.

Answer 4

bạn có thể sử dụng điều này trước khi viết bất kỳ lệnh nào trên bảng điều khiển.

$ = jQuery.noConflict();