Nuestro team redactor ha estado largas horas buscando respuestas a tus preguntas, te compartimos la respuesta y nuestro deseo es resultarte de mucha apoyo.
Solución:
He hecho 2 páginas para ti, la el primero contiene el menú desplegable que seguirá siendo la misma vista, la misma funcionalidad en los navegadores móviles y de escritorio. ábralo a través de navegadores móviles,
Haga clic aquí para verlo …
Para el segunda pagina He ajustado el código y la lista desplegable ahora debería funcionar junto con las bibliotecas de píxeles y select2 manteniendo también la misma vista en el navegador móvil/de escritorio.
podrás usarlos en navegador móvil con doble clic en cada menú desplegable para abrirlo y seleccionar un valor, lo he dejado así para que pueda cambiarlo en función del evento onclick ocultará los menús al seleccionarlos para navegadores de escritorio o móviles.
// show/hide the menu when examples is clicked
$(".dropdown-toggle").on("click", function ()
$(".dropdown-menu").toggle();
);
// para la navegación
$("#nav").on("click", "li", function ()
$("#menu-icon").click();
document.getElementById("flag").focus();
//$("#nav").slideToggle();
);
y para los navegadores móviles, puede usar lo siguiente para ocultar los menús
$(documento).on(‘click touchstart’, función ()
por favor revise los enlaces y encuentre recursos/archivos usados
Haga clic aquí para verlo …
el trabajo restante debe ser CSS y código de estilo, puede controlarlo como desee, ya que veo que no tiene sentido ajustar los campos sin tener en cuenta sus puntos de vista.
en cuanto a la explicación de cómo podría lograr esta tarea, en realidad, tuve que restringir la forma de carga de java-script, además de eso, edité casi todas las bibliotecas js y las cargué a través de scripts JS durante j query fallback.
Aquí están los pasos para lograr esto:
Primero :
cargar la biblioteca jquery a través de respaldo
Segundo :
cargar admin-pixel.js cargar su-pixel.css
Tercer paso :
cargar select2.js cargar select2.css
deben cargarse en secuencia y, finalmente, después de cargar lo anterior, debe escribir este código para que la vista del menú desplegable no cambie en el navegador móvil y siga siendo la misma funcionalidad que los navegadores de escritorio, colóquelos en la etiqueta de secuencia de comandos después de cargar el J consulta primero y luego carga la biblioteca select 2
$('select').select2(
minimumResultsForSearch: -1
);
Pasos finales:
tienes que escribir estas Meta Tags y css en tu página html
Código CSS colóquelo en las etiquetas ” “:
html
touch-action: manipulation;
Según su solicitud, la tarea está completa y puede revisar el código en todos los archivos para ver cómo las bibliotecas js se cargan en secuencia, puede descargar todos los recursos junto con la página html
a través de este enlace,
La solución alternativa para usted es, lejos de sus bibliotecas, puede crear campos de lista desplegable que no tengan problemas para funcionar en el navegador móvil, luego usarlos en la página que tiene problemas, y luego de la selección del usuario en estos campos de listas desplegables de trabajo, trans-tarifa / mueva el valor al roto que pertenece a select2 (hágalo a través de java-script y oculte el menú desplegable roto con display: none;
puede parecer una tontería hacer eso, pero esto es mucho más rápido que pasar por todos estos errores que puede enfrentar durante el desarrollo de la biblioteca obsoleta que está utilizando…
avíseme si tiene algún problema, ya que no puedo realizar una prueba en su servidor de producción. Editaré mi respuesta eventualmente para ajustar mi respuesta.
buena suerte
Eres capaz de añadir valor a nuestro contenido informacional asistiendo con tu veteranía en las explicaciones.