2016-09-28 20 views
10

Trong một trang tôi chỉ bao gồm jQuery 3.1.1 và stellar.js cho hiệu ứng cuộn thị sai, nhưng khi tôi thử dùng nó như $(window).stellar(); Tôi gặp lỗi này trong bảng điều khiển :Uncaught TypeError sử dụng stellar.js với jquery 3.1.1

Uncaught TypeError: f.getClientRects is not a function (jquery-3.1.1.min.js:4) 

Tôi đã thử sử dụng plugin di chuyển như được đề xuất trong nhiều câu trả lời nhưng không giải quyết được sự cố của tôi.

Đoạn mã chỉ để hiển thị cho bạn lỗi.

$(function(){ 
 
    $('.main').stellar(); 
 
});
<div class="main"> 
 
    <div class="slide"></div> 
 
    <div class="slide"></div> 
 
    <div class="slide"></div> 
 
</div> 
 

 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/stellar.js/0.6.2/jquery.stellar.min.js"></script>

+0

Bạn có thể sao chép lỗi bằng phím hoặc cái gì đó không? – Adjit

+0

Xong, tôi đã thêm một đoạn mã, nhưng tôi không tin nó sẽ giúp ích. – Vixed

+0

Vâng, ý tôi là nó giống như một số vấn đề tương thích với phiên bản mới nhất của jQuery. Nó hoạt động trong bất kỳ phiên bản 2.0 – Adjit

Trả lời

5

stellar.js là không vì đoạn mã này:

$(window).load(function() { 
       var oldLeft = self._getScrollLeft(), 
        oldTop = self._getScrollTop(); 

       self._setScrollLeft(oldLeft + 1); 
       self._setScrollTop(oldTop + 1); 

       self._setScrollLeft(oldLeft); 
       self._setScrollTop(oldTop); 
      }); 

Trong jquery 3,0 trường hợp tải trọng được lấy ra. Bạn có thể thay đổi để on('load', function{});

$(window).on('load', function() { 
        var oldLeft = self._getScrollLeft(), 
         oldTop = self._getScrollTop(); 

        self._setScrollLeft(oldLeft + 1); 
        self._setScrollTop(oldTop + 1); 

        self._setScrollLeft(oldLeft); 
        self._setScrollTop(oldTop); 
       }); 

Đây là một "làm việc" fiddle: https://jsfiddle.net/y19x160g/1/ và bằng cách làm việc tôi chỉ nói rằng không được ném một lỗi nữa.

P.S: Tôi không biết chính xác thư viện này được sử dụng để làm gì.

Trong đó js fiddle tôi vừa sao chép tập lệnh không được rút gọn từ dự án GitHub hiện tại: https://github.com/markdalgleish/stellar.js/blob/master/src/jquery.stellar.js và sửa đổi sự kiện tải.

Tham chiếu khác: https://api.jquery.com/load-event/ - xem không được chấp nhận

-1

Bạn đã cài đặt jQuery UI 1.12.0-rc.2 cũng?

Cheers

+0

Tôi không sử dụng giao diện người dùng jQuery. – Vixed

Các vấn đề liên quan