disculpas si esto parece una pregunta de novato, pero he estado luchando para que mi control deslizante funcione en el servidor como lo hace localmente. Es difícil encontrar el problema exacto ya que no hay registros de errores en la consola.
Aquí está mi etiqueta de encabezado HTML y secuencias de comandos:
<head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title><%= pageTitle %></title> <link rel="stylesheet" href="/css/style.css" /> <link rel="stylesheet" href="/css/lightslider.css"> <!-- JQuery library --> <script type="text/javascript" src="/js/jquery.js"></script> <!-- Lightslider javascript --> <script type="text/javascript" src="/js/lightslider.js"></script> <!-- Font awesome --> <script src="https://kit.fontawesome.com/67c66657c7.js"></script> <!-- TinyMce Editor Script --> <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin" ></script> <script> tinymce.init({ selector: "#description", }); </script> </head>Y aquí está mi script en línea en la página en la que lo estoy usando:
<script type="text/javascript"> $(document).ready( function() { $('#responsive').lightSlider({ item: 6, loop: false, controls: true, keyPress: true, mode: 'slide', slideMove: 2, easing: 'cubic-bezier(0.25, 0, 0.25, 1)', speed: 600, responsive: [ { breakpoint: 769, settings: { item: 3, slideMove: 1, slideMargin: 6, } }, { breakpoint: 480, settings: { item: 3, slideMove: 1 } } ] }); }); </script>Este código funciona bien en localhost sin errores, pero cuando presiono este mismo código en el servidor, no funciona. El script en línea no funciona en los elementos a pesar de que el código está visible cuando inspecciono la página y cada src/enlace está cargado en la página. ¡Realmente agradecería una solución a esto de ustedes!