Jquery-да жасыру және көрсету

Мен бір батырманы басқанда div түймесін жасырғым келеді. Мұнда менде 2 дивс бар (Логин және контейнер). Бет жүктелгенде, контейнер жасырылады. And #submit батырмасын басқанда, контейнер div көрсетіп, Логин div жасырғым келеді.

Мәселе қазір кіргенде бет пайда болған кезде көрсетіледі, бірақ түймені басқаннан кейін мені көрсету немесе жасыру мүмкін емес

Javascript:

<script>
    $('#submit').click(function() {
        console.log("Called2")

        $('#container').show();
        $('#login').hide();
    });
</script>

HTML:

<div id="login" >
    <div id="loginformcontainer">
        <form>
            
            
            <div class="buttons1">
                <button type="button" id="submit" value="Login" class="btn">
                    Submit
                </button>
                <button type="reset"  id="reset" value="Reset"  class="btn">
                    Clear All
                </button>
            </div>
            <div>
            <div id="container" style="display: none;">
                
Index Page

</div>
0
Эй, сіз P. ішіне DIV қоюға болмайды.
қосылды автор Derek S. Henderson, көзі

6 жауаптар

Кодыңызды document.ready function -де жазыңыз, сондықтан ол жұмыс істейді,

$(document).ready(function(){
    $('#submit').click(function() {
       console.log("Called2")
       $('#container').show();
       $('#login').hide();
    });
});

немесе, оның стенографиясы,

$(function(){
    $('#submit').click(function() {
       console.log("Called2")
       $('#container').show();
       $('#login').hide();
    });
});

оның көрінуін өзгерту үшін toggle() функциясын қолданған сайын,

$(function(){
    $('#submit').click(function() {
       console.log("Called2")
       $('#container, #login').toggle();
    });
});
1
қосылды
@Ash Жаңартылған жауапымда соңғы нұсқаны тексеріңіз ( switchgear параметрімен).
қосылды автор Rohan Kumar, көзі
Cotainer div қазір көрсетілмейді. Кіру міндетті түрде жасырылады ... Оның бос жолды көрсетуі getElementbyId ескертуіне ауысты.
қосылды автор Ash, көзі
Роханға рахмет !!! Қазір контейнер жұмыс істейді.
қосылды автор Ash, көзі

See if this is the issue, you have not a closing </div> tag here:

   </div>
   <div> //<----------------here you can see an opening tag instead
      <div id="container" style="display: none;">

put a closing </div> above.

and try putting your script in doc ready:

 $(function(){
    $('#submit').click(function() {
      console.log("Called2")
      $('#container').show();
      $('#login').hide();
    });
 });
1
қосылды

Жіберілуді тоқтату батырмасын жібермейсіз, осылайша JavaScript арқылы орнатылған CSS мәнерін жоғалтасыз.

1
қосылды
Бұл түсініктеме.
қосылды автор Derek S. Henderson, көзі

Пішіндермен жұмыс істейтін жіберу түймешігі ретінде оқиға ұсынуға пайдалы болуы мүмкін. Осылайша, сіз жарамдылығын растауға және жіберуге тыйым салуға болады.

jQuery құжаттарды жіберу үшін тексеріңіз.

0
қосылды

Look on the demo

$('#container').hide();
$('#submit').click(function() {
    console.log("Called2")

    $('#container').show();
    $('#login').hide();
})

I believe that you not declare the <div id="container" ></div>

Write your script in document.ready inside the <script> function so it work...

Or you can't declare the library of Jquery.

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
0
қосылды

Сіздің html

 <div id="signIn" >Sign In</div>
<div id="login" >
<div id="loginformcontainer">

                <form>
                    
                    
                    <div class="buttons1">
                        <button type="button" id="submit" value="Login" class="btn">
                            Submit
                        </button>
                        <button type="reset"  id="reset" value="Reset"  class="btn">
                            Clear All
                        </button>
      </div>
 <div>

Your Jquery

 $('#login').hide();
    $('#signIn').click(function() {
        alert("try");
    });

    $("#submit").click(function() { 
         $('#login').fadeOut();
        //do your code
    });

Upon page loads, the login div will hide and if you click the sign in then login div will just fade in. If the user clicks the submit button, before you hide the login div, make sure you will validate the user action. Refer to jQuery documentation for further explanation.

0
қосылды