¿Cuál es la mejor manera de hacer referencia a jquery en asp.net?

Question

Vi una sesión PDC por Stephen Walther y en la presentación que se refería a archivo de la jQuery js como la siguiente:

<asp:ScriptManager id="sm1" runat="server"> 
<Scripts> 
    <asp:ScriptReference Path="~/Scripts/JQuery.js" /> 
</Scripts> 
</asp:ScriptManager> 

¿Hay alguna ventaja o desventaja para hacerlo de la manera más arriba en lugar de usar un enlace en la sección de la cabeza de la página.

También estaba poniendo lo siguiente en la sección de Javascript de sus páginas de muestra para funcionar JQuery:

<script type="text/javascript"> 

function pageLoad() 
{ 
    $(":text").css("background-color","yellow"); 
} 
</script> 

¿Está el NECESARIO pageLoad arriba? Mencionó que es de la biblioteca de Microsoft AJAX y espera que el DOM termine de cargarse, pero pensé que el símbolo de $ en JQuery es solo una abreviatura de esperar a que el DOM termine de cargarse.

Answer 1

$ (documento) .ready() y pageLoad() no son lo mismo.

http://encosia.com/2009/03/25/document-ready-and-pageload-are-not-the-same/

Desde el artículo:

pageLoad() es llamado justo después de la DOM ha terminado de cargar. este no es el único punto en el que se llama a pageLoad(): también se llama después de cada devolución parcial.

En el caso del código de inicialización que debería ejecutarse una vez, $ (documento) .ready() es la solución ideal.

Answer 2

Agregar sus secuencias de comandos a través de ScriptManager de esa manera tiene la ventaja de facilitar la concatenación + minificación de sus archivos mediante el uso de CompositeScript. Desafortunadamente, eso significa que se les hará referencia en la página a través de ScriptResource.axd, que siempre he encontrado que es una solución extremadamente desagradable.

Estoy mucho más interesado en integrar algo como juicer en mi proceso de compilación, pero no se puede vencer ScriptManager para mayor comodidad.

Answer 3

Al utilizar ScriptManager, ASP.NET puede crear un solo Script compuesto para reducir el número de solicitudes del navegador, y también si el navegador lo admite, comprime el script.

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
    <CompositeScript> 
     <Scripts> 
      <asp:ScriptReference Path="~/Scripts/Script1.js" /> 
      <asp:ScriptReference Path="~/Scripts/Script2.js" /> 
      <asp:ScriptReference Path="~/Scripts/Script3.js" /> 
     </Scripts> 
    </CompositeScript> 
</asp:ScriptManager> 

Answer 4

Si usted está buscando la manera de hacer referencia al archivo de jQuery, esto es lo que estoy haciendo:

<script type="text/javascript" src="Scripts/jquery.js"></script> 

Ya que va a tener el ScriptManager en su página, también será capaz de aprovechar en PageLoad.

function pageLoad() { 
    //MSAJAX Stuff... If Needed 
} 

$(document).ready(function() { 
    $.datepicker.setDefaults($.datepicker.regional[$("#<%= hfCultureAbbreviation.ClientID %>").val()]); 
}); 

Answer 5

¡No olvide registrar el archivo Intellisense también! A veces puede ser bastante útil.