jqueryui datepicker errore di lancio al codice relativo a zIndex

Question

Sto sviluppando una pagina/applicazione asp.net. Ho creato una casella di testo che ho impostato come un datepicker utilizzando il datepicker da jqueryui. in firefox e chrome il datepicker non esegue il rendering. in IE9 il selettore di date esegue il rendering se ignoro l'errore. l'errore è alla riga 644 in jquery.ui.datepicker.js.

il codice in cui è stato generato l'errore è qui.

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

questo è il messaggio che viene visualizzato VS quando raggiunge l'errore

errore di runtime Microsoft JScript : L'oggetto non supporta questa proprietà o metodo

non sono sicuro qual è la causa del problema. Ho cercato problemi zindex, e quelli che sto trovando sono legati al dialogo che appare dietro altri elementi. non ho l'accadimento

Answer 1

.zIndex() non è un metodo jQuery (cercare l'API di jQuery, non c'è niente)

Si dovrebbe usare il css ('z-index', '100')

anche un lato Attenzione:

Ogni volta che lavora in ASP .NET non uso il simbolo $ per accedere jQuery io uso

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

a seconda di cosa framework ASP .NET si utilizzano moduli Win, MVC ecc il costruito nel MSFT UN jax può entrare in collisione con jQuery.

Answer 2

Ho avuto questo stesso problema e l'ho risolto assicurandomi che avessi il più recente jQuery e jQuery UI di riferimento.

<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

Aggiungere jquery.ui.core.js sarà OK

Answer 4

Axel22 ha dato la risposta giusta per risolvere questo problema per me.

Questo perché lo script jquery-ui-datepicker.js dipende dallo script jquery-ui-core.js.

Questo è reso chiaro sulla pagina jQuery Datepicker Documentation, all'interno della scheda "Panoramica", a destra, c'è un elenco di dipendenze.

Answer 5

Utilizzare questa:

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

Questa è la mia soluzione:

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

aggiungere il riferimento di script (../Scripts/jquery.ui.core.js) che funzionerà Fare riferimento a jquery.ui.core.js biblioteca

Answer 8

ho incluso (file core),

 ui.css and ui.core.js files 

È funzionante per me ..