Cómo llamar <div> en haga clic en el botón enviar

  • Por favor consulte el siguiente código i m aprender jquery y quiero mostrar
    etiqueta llamada #niño en el botón enviar haga clic en el uso de javascript/jquery puede alguien ayudarme cómo llamar en el botón haga clic en

  • Y también llamar #niño y #casa etiqueta en >>(botón siguiente) & <<(botón prev)** en el botón haga clic en, respectivamente, en el código de >> y<< está escrito como &lt y &glt.? ¿alguien puede
    me ayudan ?

            <div data-role="page" id="home">
                <div data-theme="d" data-role="header">
                    <h3>
                        The Grand Bhagvati
                    </h3>
                    <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" href="#home">
                        &lt;&lt;
                    </a>
                    <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" href="#child">
                        &gt;&gt;
                    </a>
                </div>
                <div data-role="content">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-mini="true">
                            <label for="textinput1">
                                User:
                            </label>
                            <input id="textinput1" placeholder="Khushu" type="text" />
                        </fieldset>
                    </div>
                    <input data-theme="d" ="submitbtn" value="Login" type="submit"  onSubmit="redirect()"/>
                </div>
                <div data-theme="a" data-role="footer" data-position="fixed" >
                    <h3>
                        Page1
                    </h3>
    
                    </div>
            </div>
            <div data-role="page" id="child">
                <div data-theme="d" data-role="header">
                    <h3>
                        The Grand Bhagvati
                    </h3>
                    <a data-role="button" data-inline="true" data-direction="reverse" data-transition="slide" >
                        &lt;&lt;
                    </a>
                    <a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" >
                        &gt;&gt;
                    </a>
                </div>
                <div data-role="content">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-mini="true">
                            <label for="textinput1">
                                User:
                            </label>
                            <input id="textinput1" placeholder="Khushu" type="text" />
                        </fieldset>
                    </div>
                    <input data-theme="d" value="Login" type="submit"  onsubmit="redirect()"/>
                </div>
                <div data-theme="a" data-role="footer" data-position="fixed" >
                    <h3>
                        Page1
                    </h3>
    
                    </div>
            </div>

  • ¿qué entiende usted por «la llamada #infantil #y casa de la etiqueta»? Llame para hacer qué?
  • sólo traté de hacer mi pregunta clara y formato
  • es <div id = child> & <div id = home>
InformationsquelleAutor unkown | 2012-04-21

3 Kommentare

  1. 1

    Para mostrar una etiqueta de uso

    $('#child').show();  //where child is the id of the element

    y a ocultar …

    $('#child').hide();

    alternativamente, usted puede simplemente alternar entre mostrar/ocultar de la siguiente manera:

    $('#child').toggle();

    para conectar estos a un evento onclick de un botón …

    $(document).ready(function() {
        $('#buttonID').click(function() {
            $('#child').toggle();
        });
    });

    espero que esto ayude

    • pero donde colocarlo
    • do u want me para hacer la función de javascript
    • sí, tendrá que ser en una función js que se llama a través de un botón o algún otro control
    • función redirect(){ $(‘#niño’).show(); }
    • pero no es trabajo i m a usarlo en haga clic en siguiente: <input data-theme=»d» value=»Login» type=»enviar» onclick=»redirect()»/>
    • pero no su trabajo, no sé por qué 🙁
    • pero no su trabajo, no sé por qué
    • has añadido a la biblioteca de jQuery?
    • ahora, cuando puedo mostrar div hijo de mi tema jquery (‘data-theme=»a») no funcionan en div hijo. puede cualquier 1 ayudarme?
    • sí he añadido en <head> etiqueta

  2. 0

    El código a continuación para javascript

    var Home= document.getElementById("home");

    Home.style.display="none";//To hide the div
    Home.style.display="";//To display the div
    • Eso es muy confuso respuesta. La variable ‘divid» es engañosa, como documento.getElementById() devuelve el objeto. Además, divid.de estilo.display=»» aparecerá en la pantalla de la propiedad a en línea, donde los divs son, naturalmente, los elementos de bloque, por lo que el código debe ser divid.de estilo.display=»block»
    • divid en este caso es «casa» y «el niño»
    • display=»block» también funciona en algunos navegadores se crea algunos problemas de compatibilidad
    • que los navegadores? Sé que algunas versiones antiguas de firefox no responden a display=’inline’, por lo que tuvo que usar display=» en su lugar. pero yo no soy consciente de display=’block’ tener problemas de compatibilidad?
    • ahora, cuando puedo mostrar div hijo de mi tema jquery (‘data-theme=»a») no funcionan en div hijo. ¿puede alguien de la u que me ayude
    • sí que tengo en el < head> etiqueta

  3. 0
    Try this in your script
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("#hide").click(function(){
        $("p").hide();
      });
      $("#show").click(function(){
        $("p").show();
      });
    });
    </script>
    </head>
    <body>
    <button id="hide">Hide</button>
    <button id="show">Show</button>
    </body>
    </html>

Kommentieren Sie den Artikel

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

Pruebas en línea