Hộp thoại Jquery - không phai mờ trước khi đóng

Question

Tôi có div (hộp) trên trang của mình và tôi đang sử dụng tập lệnh này để hiển thị hộp thoại div dưới dạng hộp thoại. Bên trong div đó tôi có một liên kết siêu, Khi nhấp vào liên kết siêu tôi muốn làm mờ hộp thoại và đóng .. Nội dung của hộp thoại mờ đi, nhưng đường viền của hộp thoại vẫn giữ nguyên. Nếu tôi thêm $ ("# box"). Dialog ('close') vào hàm click sau khi fadeto không có tác dụng .. nó chỉ đóng hoàn toàn hộp thoại. Bất kỳ giúp đỡ? sử dụng jquery-ui-1.7.2

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $("a#later").click(function() { 

       $("#box").fadeTo('slow', 0); 
       }) 
      }); 
      $(function() { 
       $("#box").dialog({ 
        autoOpen: true, 
        width: 500, 
        modal: true, 

       }); 
      }); 
</script> 

Answer 1

Làm thế nào về

$("#box").fadeTo('slow', 0, function() { 
    $("#box").dialog('close'); 
}); 

Bạn muốn gần xảy ra sau khi kết thúc mờ dần, đúng không?

Answer 2

thử này, nó có thể làm việc:

$("a#later").click(function() { 
    $("#box").fadeTo('slow', function() { 
     $("#box").dialog("close") 
    }); 
}); 

Answer 3

Hãy thử điều này:

  $(function() { 
       $("#box").dialog({ 
        autoOpen: true, 
        width: 500, 
        modal: true, 
        show: 'blind', 
        hide: 'fade' 
       }); 
      }); 

Kiểm tra các ví dụ ở đây: Animated Dialog

Answer 4

Tôi thử mã của một số Richard bên dưới và nó hoạt động. Bạn có thể cung cấp tên hiệu lực thi hành như là một chuỗi:

$("#dialog").dialog({ 
    hide: "fadeOut" 
}); 

hoặc bạn có thể cung cấp một băm nếu bạn có các tùy chọn bổ sung, chẳng hạn như:

$("#dialog").dialog({ 
    hide: {effect: "fadeOut", duration: 5000} 
}); 

Answer 5

đây là mã của tôi:

$(function() { 
$("a#link-id").click(function(){$(".ui-dialog").fadeOut(2000)})}); 

đây là tập lệnh làm việc :). Bạn không cần phải bấm vào nút 'đóng'.