jqueryui datepicker ném lỗi tại mã liên quan đến zIndex

Question

Tôi đang phát triển một trang asp.net/ứng dụng. Tôi đã tạo ra một hộp văn bản mà tôi thiết lập như một datepicker sử dụng datepicker từ jqueryui. trong firefox và chrome datepicker không hiển thị. trong IE9 bộ chọn ngày hiển thị nếu tôi bỏ qua lỗi. lỗi ở dòng 644 trong jquery.ui.datepicker.js.

mã nơi lỗi được đưa ra ở đây.

inst.dpDiv.zIndex($(input).zIndex()+1);

đây là thông điệp mà VS hiển thị khi nó bắt lỗi

Microsoft JScript runtime lỗi: Object không hỗ trợ tài sản hoặc phương pháp

tôi không chắc chắn những gì đang gây ra vấn đề. Tôi đã tìm kiếm các vấn đề zindex, và những người tôi đang tìm kiếm có liên quan đến hộp thoại xuất hiện đằng sau các yếu tố khác. tôi không có chuyện gì xảy ra cả.

Answer 1

.zIndex() không phải là một phương pháp jQuery (tìm kiếm API jQuery, không có gì ở đó)

Bạn nên sử dụng .css ('z-index', '100')

Cũng là một bên lưu ý:

Bất cứ khi nào làm việc trong ASP NET tôi không sử dụng dấu $ để truy cập jQuery tôi sử dụng

inst.dpDiv.zIndex(jQuery(input).zIndex()+1); 

Tùy thuộc vào những gì khuôn khổ ASP NET bạn đang sử dụng Win Forms, MVC vv được xây dựng trong MSFT A jax có thể va chạm với jQuery.

Answer 2

Tôi đã có cùng một vấn đề này và khắc phục sự cố bằng cách đảm bảo rằng tôi đã có giao diện người dùng jQuery và jQuery mới nhất được tham chiếu.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script> 

Answer 3

Thêm jquery.ui.core.js sẽ ổn

Answer 4

Axel22 đã đưa ra câu trả lời đúng để giải quyết vấn đề này đối với tôi.

Điều này là do tập lệnh jquery-ui-datepicker.js phụ thuộc vào tập lệnh jquery-ui-core.js.

Điều này được làm rõ trên trang jQuery Datepicker Documentation, trong tab 'Tổng quan', ở bên phải, có danh sách phụ thuộc.

Answer 5

Sử dụng này:

$.zIndex = $.fn.zIndex = function (opt) {    
     var def = { inc: 10, group: "*" }; 
     $.extend(def, opt); 
     var zmax = 0; 
     $(def.group).each(function() { 
      var cur = parseInt($(this).css('z-index')); 
      zmax = cur > zmax ? cur : zmax; 
     }); 
     if (!this.jquery) 
      return zmax; 

     return this.each(function() { 
      zmax += def.inc; 
      $(this).css("z-index", zmax); 
     }); 
    } 

Answer 6

Đây là giải pháp của tôi:

//inst.dpDiv.zIndex(jQuery(input).zIndex()+1); //we don't need it anymore 

$.zIndex = '30000'; // i set the zindex at the higher value 

Answer 7

Thêm tài liệu tham khảo kịch bản (../Scripts/jquery.ui.core.js) nó sẽ làm việc Tham khảo jquery.ui.core.js thư viện

Answer 8

tôi bao gồm (file core),

 ui.css and ui.core.js files 

Nó hoạt động cho tôi ..