2012-12-27 33 views
11

Cách tôi có thể đóng tự động jQuery UI Tooltip Widget sau 1 giây. tôi sử dụng đoạn mã sau:jQuery UI Tooltip Widget tự động đóng

var du=1000;  
$(document).tooltip(
{show:{effect:'slideDown',delay:du,duration:du/2}}, 
{hide:{effect:'explode',pieces:20,duration:du,delay:du/4}}, 
{track:true} 
); 

Trả lời

19

Hãy thử:

$(document).ready(function() { 
    var du = 1000; 
    $(document).tooltip({ 
     show: { 
      effect: 'slideDown' 
     }, 
     track: true, 
     open: function (event, ui) { 
      setTimeout(function() { 
       $(ui.tooltip).hide('explode'); 
      }, du); 
     } 
    }); 
}); 

Fiddle

Hope this helps!

+0

Tuyệt! Nó hoạt động! Cảm ơn nhiều! – Aleksov

+0

Có một vấn đề tò mò mà tôi gặp phải khi tôi sử dụng mã này để hiển thị chú giải công cụ trong hộp thoại Giao diện người dùng jQuery - nếu phần tử biểu mẫu đầu tiên bên trong hộp thoại có chú giải công cụ gây ra biểu mẫu đóng băng và chú giải công cụ hiển thị ở vị trí sai - góc trên bên trái của cửa sổ. – DroidOS

+1

Sau khi điều tra thêm - phiên bản vani của tooptip, $ (document) .tooltip() hoạt động tốt. Vấn đề là với các chú giải công cụ bên trong các hộp thoại, phần tử biểu mẫu đầu tiên sẽ kết thúc hiển thị một chú giải dính cực kỳ khó chịu. Tôi đã chạy vào chuỗi này trong khi cố khắc phục vấn đề đó. Đáng buồn thay, sử dụng một chú giải công cụ được cấu hình đầy đủ hơn như được mô tả trong câu trả lời này làm nảy sinh vấn đề khác mà tôi đề cập ở trên - hộp thoại bị đóng băng, nút Cancel/Close không còn hoạt động nữa. Cuối cùng tôi chuyển sang qTips - mà trong bất kỳ trường hợp nào cũng có thể cấu hình được nhiều hơn so với giao diện người dùng jQuery UI gốc. – DroidOS

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