1

これは皆さんにとって非常に簡単なはずですが、私はこれについての本当の初心者であり、簡単に説明する必要があります. jqueryを始めたばかりの私のような多くの人にも役立つと思います...

ページの 1 つにボタンを配置する必要があるサイトを構築しています。このボタンをクリックすると、コンテンツの div が非表示になるだけでなく (解決策がたくさんあります)、以前は非表示だったコンテンツの div が同時に表示されます。 .

これを行うjqueryと、jqueryを開始するためにボタンをラップする必要があることを知る必要があります。

あなたは私を助けることができます？

ありがとう、スチュ。

4

3 に答える 3

0

成功時の ajax コール内で、非表示にする必要がある div と表示する必要がある div を指定する必要があります。

$.ajax({          

       url: "Sevlet",
       type: 'POST',    
       dataType: "json",
       data:{"id":id},
       contentType:"application/x-www-form-urlencoded",       
       success: function (data) {

                  $("#div1").hide();
                  $("#div2").show();
             }
});
于 2013-03-26T06:45:07.947 に答える
0

2 つの div 要素のみに関心がある場合は、次のjQuery.toggle()2 つのイベント ハンドラー関数がサポートされます。

$('button').toggle(function(){
       $('div1').hide();
       $('div2').show();
},function(){
       $('div1').show();
       $('div2').hide();
});

これは、1 つの div に css プロパティがdisplay:noneあり、もう 1 つの div にはない (表示されている) ことを確認するだけで機能します。

于 2012-08-03T14:53:29.217 に答える
0

まず、jQuery は、何かを行うための単なる関数のライブラリです。

したがって、hide() や show() などの inbulit 関数を使用して、必要なことを行うことができます。以下のリンクにある hide/show/hide_show の jQuery に関するドキュメントは非常に理解しやすく、問題はほとんどまたはまったくないはずです。
http://api.jquery.com/hide/
http://api.jquery.com/show/
http://www.w3schools.com/jquery/jquery_hide_show.asp

ただし、問題にアプローチする別の方法は、 css プロパティに基づいて div 要素を表示または非表示にする CSS プロパティを切り替える jQuery メソッド。高さプロパティについて説明しますが、max-height、left、right、top、bottom などを含む他のいくつかのプロパティも使用できます。

CSS のプロパティを変更すると、Div がどのように表示または非表示になるかがわかります

例：

<html>
   <head>
      <style>
          .Div_I_Want_To_Show{
               background: #ffe400;
               width:100%;
               height:0px;
               overflow:auto;
          }
      </style>
   </head>
   <body>
      <div class="Div_I_Want_To_Show">
          <p>Some Random Text Here</p>
      </div>
      <button class="btn">Click to See Content</button>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
      <script>
           $(".btn").click(function(){
               $('.Div_I_Want_To_Show').css('height','20em')
           });
      </script>
   </body>
</html>

フィドル リンク: https://jsfiddle.net/L7pmarzh/

また、知りたい場合は、アニメーション化することもできます。これは、単純な非表示と表示の効果がどのユーザーにも魅力的ではないため、どの Web サイトでも必要になると思います。

これで問題が解決することを願っています:)

于 2015-03-18T10:53:53.077 に答える