jqueryui datepicker arrojando error en el código relacionado con zIndex

Estoy desarrollando una página/aplicación asp.net. Creé un cuadro de texto que configuré como un marcador de fecha usando el selector de fecha de jqueryui. en firefox y Chrome, el marcador de fecha no se procesa. en IE9, el selector de fecha se procesa si ignoro el error. el error está en la línea 644 en jquery.ui.datepicker.js.jqueryui datepicker arrojando error en el código relacionado con zIndex

aquí está el código donde se produce el error.

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

este es el mensaje que VS se muestra cuando se captura el error

error de ejecución de Microsoft JScript : El objeto no admite esta propiedad o método

No estoy seguro qué está causando el problema He buscado problemas de zindex, y los que encuentro están relacionados con el diálogo que aparece detrás de otros elementos. no tengo el happening

Fuente

2010-10-27 Michael

Por favor, incluye un código si quieres que otras personas puedan ayudar.Por ejemplo, la sección de encabezado, el formato de cuadro de texto, el código de inicialización de jquery, etc. – Lorenzo

He eliminado este código por ahora, pero solo para hacer un seguimiento. Pero mi código era más bien un copiar/pegar de ejemplos sobre cómo agregar el jqueary date picker. http://jqueryui.com/demos/datepicker/ como un ejemplo de un recurso que estaba usando. La única diferencia es que utilicé el cuadro de texto asp en lugar de un cuadro de texto html en mi archivo aspx. los atributos del cuadro de texto incluían id, runat y un ancho. – Michael

.zIndex() no es un método jQuery (buscar la API de jQuery, no hay nada)

Se debe utilizar la css ('z-index', '100')

también un lado nota:

Siempre que trabaje en ASP .NET que no utilizan el signo $ acceder a jQuery utilizo

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

Dependiendo de qué marco ASP .NET que está utilizando Win Forms, etc MVC el construido en MSFT UN jax puede colisionar con jQuery.

Fuente

2010-10-27 22:57:17

Así que el código que se está rompiendo es el código que proviene directamente de jqueryui.com. ¿Debería actualizar ese archivo js? – Michael

http://jquery-ui.googlecode.com/svn/trunk/ui/jquery.ui.datepicker.js – Michael

ok ahora no tengo idea de lo que debo haber hecho mal. Saqué el código ayer y seguí con mi proyecto. hoy vuelvo a poner el código y no hay errores o_O. – Michael

Tuve el mismo problema y lo solucioné al asegurarme de que tenía la jQuery y jQuery UI más actual a la que se hacía referencia.

<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>

Fuente

2011-02-22 21:15:36 John

Añadir jquery.ui.core.js estará bien

Fuente

2011-10-20 03:39:12 zhray

esto funcionó para mí – kraag22

Gracias .. Es trabajos para mí .. – Prabhagaran

Axel22 dio la respuesta correcta de resolver este problema para mí.

Esto se debe a que el script jquery-ui-datepicker.js depende del script jquery-ui-core.js.

Esto se pone de manifiesto en la página jQuery Datepicker Documentation, en la pestaña 'Descripción general', a la derecha, hay una lista de dependencias.

Fuente

2012-05-19 17:12:34 JTech

Utilice esta:

$.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); 
     }); 
    }

Fuente

2012-08-01 05:29:29

-1

Ésta es mi solución:

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

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

Fuente

2013-08-13 16:06:41 computerrat

Añadir la referencia de script (../Scripts/jquery.ui.core.js) que funcionará Consulte biblioteca jquery.ui.core.js

Fuente

2015-05-06 05:50:58

incluí (archivos del núcleo),

 ui.css and ui.core.js files

Funciona para mí ...

Fuente

2016-06-13 09:18:31 Prabhagaran

También funcionó para mí :) –

jqueryui datepicker arrojando error en el código relacionado con zIndex

Respuesta

Cuestiones relacionadas