Skip to main content
se añadieron 7 caracteres en el cuerpo
Origen Enlace
Christian
  • 10.1k
  • 9
  • 21
  • 40

Que tal estoy creando botones con js y el estilo se lo doy con materialze, la logica del codigo es poder consumir el servicio web y dependiendo de lo que responda crear un boton con un tooltip, pero cuando mando el codigo para la creacion este no toma las propiedades y no muestra el tooltip, lo contrario de un boton creado con codigo normal que si me funciona mi pregunta es si estoy haciendo algo mal si mem pueden ayudar porfavor

 <script>    
    $.ajax(settings).done(function(response) {
            console.log(response);
            name(response.tipo);
        });
    </script>


    <script>
        function name(cont) {
            document.getElementById("demo").innerHTML = '<a class="btn tooltipped" data-position="bottom" data-tooltip="I am a tooltip">Hover me!</a>';
        }
    </script>



    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var elems = document.querySelectorAll('.tooltipped');
            var instances = M.Tooltip.init(elems);
        });
    </script> ```

Que tal estoy creando botones con js y el estilo se lo doy con materialze, la logica del codigo es poder consumir el servicio web y dependiendo de lo que responda crear un boton con un tooltip, pero cuando mando el codigo para la creacion este no toma las propiedades y no muestra el tooltip, lo contrario de un boton creado con codigo normal que si me funciona mi pregunta es si estoy haciendo algo mal si mem pueden ayudar porfavor

        $.ajax(settings).done(function(response) {
            console.log(response);
            name(response.tipo);
        });
    </script>


    <script>
        function name(cont) {
            document.getElementById("demo").innerHTML = '<a class="btn tooltipped" data-position="bottom" data-tooltip="I am a tooltip">Hover me!</a>';
        }
    </script>



    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var elems = document.querySelectorAll('.tooltipped');
            var instances = M.Tooltip.init(elems);
        });
    </script> ```

Que tal estoy creando botones con js y el estilo se lo doy con materialze, la logica del codigo es poder consumir el servicio web y dependiendo de lo que responda crear un boton con un tooltip, pero cuando mando el codigo para la creacion este no toma las propiedades y no muestra el tooltip, lo contrario de un boton creado con codigo normal que si me funciona mi pregunta es si estoy haciendo algo mal si mem pueden ayudar porfavor

<script>    
    $.ajax(settings).done(function(response) {
        console.log(response);
        name(response.tipo);
    });
</script>


<script>
    function name(cont) {
        document.getElementById("demo").innerHTML = '<a class="btn tooltipped" data-position="bottom" data-tooltip="I am a tooltip">Hover me!</a>';
    }
</script>



<script>
    document.addEventListener('DOMContentLoaded', function() {
        var elems = document.querySelectorAll('.tooltipped');
        var instances = M.Tooltip.init(elems);
    });
</script>
Origen Enlace
Kev Cordon
  • 83
  • 1
  • 12

Tooltiped agregado con js

Que tal estoy creando botones con js y el estilo se lo doy con materialze, la logica del codigo es poder consumir el servicio web y dependiendo de lo que responda crear un boton con un tooltip, pero cuando mando el codigo para la creacion este no toma las propiedades y no muestra el tooltip, lo contrario de un boton creado con codigo normal que si me funciona mi pregunta es si estoy haciendo algo mal si mem pueden ayudar porfavor

        $.ajax(settings).done(function(response) {
            console.log(response);
            name(response.tipo);
        });
    </script>


    <script>
        function name(cont) {
            document.getElementById("demo").innerHTML = '<a class="btn tooltipped" data-position="bottom" data-tooltip="I am a tooltip">Hover me!</a>';
        }
    </script>



    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var elems = document.querySelectorAll('.tooltipped');
            var instances = M.Tooltip.init(elems);
        });
    </script> ```