2013-04-12 24 views
10

Tôi đang sử dụng thư viện javascript rất thú vị intro.js.Intro.js: vùng được đánh dấu không hoạt động như mong đợi

Tuy nhiên, trong ứng dụng của tôi, khu vực highligted trở nên gần như hoàn toàn trắng.

Tôi đoán rằng đây là một số xung đột CSS, nhưng tôi có thể làm gì để xác định nguyên nhân của vấn đề này? enter image description here

+0

bạn đã cố gắng gỡ lỗi này chưa? Sử dụng firebug trong mozilla hoặc chrome được xây dựng trong kiểm tra? –

+0

Có, tôi đã thử cả hai công cụ tìm kiếm và các công cụ tìm kiếm chrome. Tôi đã cố gắng bật/tắt một số dòng css trên bảng điều khiển "kiểu", nhưng tôi không thể thấy bất kỳ hiệu ứng hiển thị nào trên trang. – pvieira

+0

Dường như là một lỗi đã biết với intro.js chưa có giải pháp nào cho nó https://github.com/usablica/intro.js/issues/109 – feitla

Trả lời

0

Tôi không thấy bất kỳ jsFiddle hoặc bất kỳ ví dụ trực tuyến về vấn đề của bạn, nhưng tôi cố gắng trả lời câu hỏi của bạn theo cách này:

  1. Nó có vẻ như bạn đang sử dụng một thư viện giao diện người dùng như ExtJs hoặc một cái gì đó, đảm bảo bạn không có bất kỳ xung đột CSS nào.
  2. Hãy thử thay đổi data-introdata-step trong yếu tố khác, ví dụ nếu bây giờ bạn có data-introdata-step trong các yếu tố form, thay đổi nó vào một yếu tố trên hoặc một div.
+0

Vâng, tôi đang sử dụng ExtJs. Điều này chắc chắn là một số xung đột liên quan đến chỉ mục z. Rất tiếc, tôi không thể điều tra thêm và dễ dàng tìm ra giải pháp thay thế. Dù sao cũng cảm ơn bạn. – pvieira

+1

@pvieira Tôi đang cố khắc phục sự cố trong các phiên bản tiếp theo. –

0

Trong Introjs.css, đặt chỉ mục z thành 1 cho lớp introjs-helperlayer khắc phục sự cố này. Tuy nhiên, tôi không biết ý nghĩa đầy đủ của sự thay đổi này.

1

Tôi đặt vị trí phần tử đích thành tuyệt đối (trong CSS tương ứng) và nó hoạt động ngay bây giờ! xem tại đây - http://prntscr.com/1dl0db

0

bạn đang cố gắng để làm nổi bật một dòng của bảng()? Nếu vậy tôi cũng gặp vấn đề này. Ai đó đã đăng bản sửa lỗi trong phần vấn đề github: https://github.com/usablica/intro.js/issues/146

2

Điều này phổ biến đối với người dùng sử dụng yếu tố hàng trong bảng. Tôi giải quyết của tôi bằng cách thêm những dòng này vào css.

.introjs-relativePosition > td { position: relative; } 
.introjs-showElement > td { z-index: 9999999 !important; } 
Các vấn đề liên quan