Tengo un script jQuery que quiero ejecutar solo si la ventana es más ancha que 1245px.
if ($(window).width() > 1245) { // script }Esto es por razones de respuesta. Pero digamos que estoy en el escritorio y empiezo con una ventana más pequeña que 1245px; Quiero poder cambiar su tamaño y ejecutar esa función y viceversa si empiezo con una ventana más grande.
He intentado usar 'cambiar tamaño' así:
$(window).on('resize', function(){ var win = $(this); // this = window if (win.height() > 1245) { /* ... */ } }Pero tengo problemas con el script que no se ejecuta en el tamaño de ventana inicial, ¿cuál es la mejor manera de abordar esto?
También agregue load a la lista de eventos:
$(window).on('load resize', ...Tenga en cuenta que el evento de cambio de tamaño se activa continuamente mientras se cambia el tamaño de la ventana, por lo que, por ejemplo, si cambia el tamaño de 1000 a 1600 px en un segundo, se activará 600 veces. El uso de cualquier función costosa atascará el navegador. Recomiendo usar el truco de "antirrebote" para cambiar el tamaño de los eventos.