Đóng hộp màu

Question

Tôi có một cửa sổ bật lên đơn giản (không phải là khung nội tuyến) nơi người dùng có thể gửi thư cho nhau. Có một nút gửi để gửi thông tin và nút hủy sẽ đóng lớp phủ.

Tôi gặp một số vấn đề khi nút đóng hoạt động.

Mã này trông như thế này:

<asp:Button runat="server" ID="btnCancel" Text="Cancel" /> 

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#<%= btnCancel.ClientID %>").click(function() { 
      jQuery.colorbox.close(); return false; 
     }); 
    }); 
</script> 

Tôi đã thử với cả hai parent.jQuery.colorbox.close(), jQuery.fn.colorbox.close() nhưng không thành công.

Answer 1

tôi phát hiện ra rằng tôi đã thêm jQuery và hộp thuốc vẽ gấp đôi, vì nó đã được nạp cả trong khung và trên gọi trang hộp thuốc vẽ.

Nó hoạt động sau khi tôi xóa jQuery và Colorbox khỏi trang lớp phủ, vì vậy nó chỉ được đưa vào.

Tôi đã sử dụng ý tưởng 'sushil bharwani' và thực hiện sự kiện đóng.

Answer 2

Hộp màu của bạn có nút đóng ở trên cùng không. [gần]. Trong ứng dụng của tôi khi tôi muốn giới thiệu một nút hủy bỏ để đóng cửa sổ hộp màu từ một liên kết khác hơn là đã được cung cấp bởi hộp màu.

Tôi thực hiện một giải pháp thay thế.

jQuery('#cboxClose').click(); 

điều này sẽ nhấp vào nút đóng mặc định và cuối cùng sẽ đóng hộp màu.

Answer 3

Cậu cố gắng sử dụng

$.fn.colorbox.close(); 

thay vì

jQuery.colorbox.close(); 

?

Có lẽ, bạn đã làm điều này:

$("#cboxClose").click(function(){ 
     $.fn.colorbox.close();}); 

Bạn không phải có vấn đề về đóng hộp thuốc vẽ. Trên thực tế, tôi cũng có một hộp màu trong ứng dụng có nút hủy và nút đóng trông giống như hình ảnh. Không có vấn đề gì cả.

Answer 4

Bạn có thể sử dụng:

$(window).colorbox.close(); 

Answer 5

Tôi nghĩ bạn thiếu hoặc nhầm lẫn điều nhỏ trong mã của mình. Nếu không phương pháp đóng sẽ hoạt động như mong đợi. Trước tiên bạn có kiểm tra xem nút của bạn có nhấp nháy hay không? Nếu lửa, bạn có bất kỳ lỗi JS nào không?

Answer 6

Có lẽ điều này có thể giúp: http://jsfiddle.net/fbenariac/4vuDC/18/ (Đây là ví dụ đơn giản cho nút đóng hộp màu).

Answer 7

Vui lòng thử điều này.

 <script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     /* Automatically resize to content */ 
     var y = $(document.body).height(); 
     var x = $(document).width(); 
     parent.$.colorbox.resize({innerWidth:x, innerHeight:y}); 

     $("#button_cancel").click(function() { 
      parent.$.colorbox.close(); 
      return false; 
     }) 
    }); 

Đối với nút trên trang iframe html của bạn.

<button id="button_cancel" type="button">cancel</button> 

Answer 8

$(".selected_color").live('click',function(){ 

    $(window).colorbox.close(); 
}); 

Sử dụng trực tiếp sẽ làm việc

Answer 9

này có thể giúp một người nào đó .Tôi đã tạo ra một nút đóng tùy chỉnh. Nút đóng tùy chỉnh của tôi nằm ở góc trên cùng bên phải và có thể đóng cũng được. Mã của tôi:

 jQuery(document).ready(function(){ 
     jQuery('<div id="close" style="cursor: pointer; position: absolute; top: 0; right: 30px;"><img src="../img/close.png" alt="close"/></div>').appendTo('.yourparentDiv'); 

     $("#close").click(function() { 
      jQuery('#cboxClose').click(); 
     }); 
    }); 

Nhờ @sushil bharwani, tôi đang gặp sự cố khi đóng hộp màu. Nó đã giúp đỡ tôi.