jQuery – En el Mouse Encima de Cambio de Texto

<span id="change">
    Stuff In Here
</span>

<script>
$("#change").on("mouseover", function () {
     $('#change').text("This is the new html");
});
</script>

La siguiente no funciona, como jQuery, noob, no estoy seguro de por qué.

Puede reproducir el problema con una demo, porque como escrito que de trabajo (suponiendo que el <script>...</script> realmente no siga el elemento que se quiere actuar.

OriginalEl autor Ariana | 2013-10-19

2 Kommentare

  1. 1

    Cambiar esta:

    <script>
     $("#change").on("mouseover", function () {
       $('#change').text("This is the new html");
     });
    </script>

    Porque usted no es referencia de nada. Intente esto:

    <script>
      $(document).ready(function () {
        $("#change").mouseover(function () {
          $('#change').text("This is the new html");
        });
      });
    </script>

    Bien, hay otro error en el violín. Usted no ha seleccionado ninguna versión de jQuery en la esquina superior izquierda. Después de la actualización, el código funcionó a la perfección, y a partir de esto llegué a la conclusión de que usted no podría haber vinculado la secuencia de comandos en su sitio web.

    Intente vincular la script archivo en el head sección de su diseño (web)

    Aquí a echar un vistazo ahora: http://jsfiddle.net/afzaal_ahmad_zeeshan/HMhVn/3/

    He actualizado y funciona perfectamente ahora 🙂

    ¿Cuál es el error que usted considera que está presente en su primer código de bloque? Y $(document).ready(function(){/*...*/}) es un alias para $(function(){/*...*/}) (como se usa en la otra respuesta).
    Lo siento que fue mi mal, mientras que la edición de la respuesta!
    Tuve que actualizar la respuesta, añadiendo el violín que fue el error. la versión de jquery no estaba vinculado en absoluto. Así que he incluido por error el error en la parte superior! mi mal..

    OriginalEl autor Afzaal Ahmad Zeeshan

  2. 1

    Aquí tienes! http://jsfiddle.net/HMhVn/6/

    Si quieres, para mayor flexibilidad, se puede almacenar en caché la original cadena para el acceso posterior al poner el texto en una variable antes de decidir qué hacer en mouseover.

    HTML:

    <span id="change">
        Stuff In Here
    </span>

    JQuery:

    $(document).ready()
    {
        $("#change").hover(
            function() //on mouseover
            {
                $(this).text("This is the new html");
            }, 
    
            function() //on mouseout
            {
                $(this).text("Stuff In Here");
    
            });
    };

    Esto le permite cambiar de forma permanente o no, hacer. Personalmente, me gustaría código para la flexibilidad.

    OriginalEl autor muiiu

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea