Sau khi gỡ lỗi nhiều, tôi đã đi đến kết luận hai thư viện này đang va chạm. Tôi đã thử nghiệm cả hai riêng biệt và họ làm việc nhưng khi được sử dụng với nhau (và có một thuộc tính rel điều phá vỡ)ngắt hộp màu trên thuộc tính rel khi bxslider được nạp
Làm thế nào để tái tạo
- Nếu liên kết có rel hoặc $ ('cái gì'). Hộp thuốc vẽ ({rel: 'something'});
- $ ('somethingelse'). BxSlider (...);
hộp thuốc vẽ sẽ thất bại khi nhấp chuột vào bất kỳ hình ảnh có hộp thuốc vẽ (không chỉ các tùy chọn chia sẻ) Với:
Uncaught TypeError: Cannot read property 'rel' of undefined
dòng vi phạm của mã là:
if (settings.rel !== 'nofollow') { $related = $('.' + boxElement).filter(function() { var relRelated = $.data(this, colorbox).rel || this.rel; return (relRelated === settings.rel); });
Tôi tìm thấy một tương tự vấn đề Do I use jQuery noconflict to avoid plugins conflict? tuy nhiên hiệu quả là khác nhau. Tuy nhiên, nguyên nhân có vẻ tương tự. Theo một ai đó trả lời câu hỏi đó thì vấn đề là bxSlider bỏ ra $ .data() được đặt bởi hộp màu.
Vì vậy, câu hỏi của tôi là:
- Có một khoảng cách này?
- Đó có phải là lỗi trong hộp màu không?
- Đây có phải là lỗi trong bxSlider không?