Plugin Jquery Pikachoose cho kết quả bất thường trong IE

Question

Tôi đã sử dụng plugin Jquery Pikachoose trên trang của mình để hiển thị một số hình ảnh làm trình chiếu.

Nhưng trong IE, thay vì hình ảnh để trượt, nó sẽ mở hình ảnh trong cùng một trang ở chế độ xem đầy đủ.

Và điều thú vị là, Nếu trước khi tập lệnh mở hình ảnh, nếu tôi thay đổi bản thân bằng cách nhấp vào hình thu nhỏ, sau đó từ điểm này trở đi, nó hoạt động tốt.

Làm thế nào để sửa lỗi này

tôi lấy tên hình ảnh từ cơ sở dữ liệu và hiển thị như sau

echo 
'<div id="slideShow" class="sublayout pikachoose"> 
    <ul id="pikame">'; 
     while($row = mysql_fetch_array($result)) { 
      extract($row); 
      echo 
      '<li> 
       <a href="images/slideshow/'.$image.'"> 
         <img src="images/slideshow/th_'.$image.'" title='.$title.' alt='.$title.'/> 
       </a> 
       <span>'.$title.'</span> 
      </li>'; 
     } 
    echo 
    '</ul> 
</div>'; 

Đây là tùy chọn Pikachoose tôi trong pikachoose.js

var defaults = { 
     show_captions: true, 
     auto_play: true, 
     show_prev_next: true, 
     slide_speed: 5000, 
     thumb_width: 26, 
     thumb_height: 20, 
     buttons_text: { play: "", stop: "", previous: "Previous", next: "Next" }, 
     delay_caption: true, 
     user_thumbs: false, 
     transition:[-1], 
     IESafe: true 
    }; 

tôi khởi tạo các plugin sử dụng này (cũng trong tập tin riêng biệt)

$(document).ready(function(){ $("#pikame").PikaChoose({auto_play:true, IESafe: true}); }); 

trình tốt trong trình duyệt khác

Kết quả

1. Nếu tôi loại bỏ các <a> các <img>, này dừng lại kịch bản từ mở hình ảnh
2. Bản demo được cung cấp trong trang chính thức cũng hoạt động như này

Answer 1

Bạn đã thử đặt chiều cao/chiều rộng thẻ img chưa ?? để bỏ qua IE7 Quirks.

Answer 2

Thử thêm/xóa/thay đổi DOCTYPE cho tài liệu html vì tôi đã thấy sự cố gây ra IE do cài đặt tài liệu.

Ngoài ra, hãy thử loại bỏ các dấu gạch chéo đóng cửa từ thẻ img()

nếu một trong hai công trình trên, sau đó so sánh bản demo làm việc và loại tài liệu của bạn để xem nếu bạn bỏ lỡ thẻ DOCTYPE thích hợp ...

Answer 3

IE thực tế nào (có 3 danh sách đang sử dụng)? Tùy thuộc vào phiên bản, bạn có thể làm cho nó hét lên người dùng ar để cho nó chuyển sang "chế độ tương thích". Ngoài ra, nếu bạn có thể đảm bảo rằng bạn có định dạng XHTML nghiêm ngặt (tiêu đề và alt không có dấu ngoặc kép trong đoạn mã của bạn), bao gồm DOCTYPE có thể trợ giúp. Hãy thử sử dụng thẻ trống cho hình ảnh đầu tiên (chỉ cần không có nội dung, bạn có thể cho nó một ảnh trống/transpatent trong href nếu bạn muốn)