ホーム>source

5つの「form-group container-fluid」が含まれているページがあり、それらを分割して、1つのページで上位2つが表示されるようにしています-div:nth-​​child(-n + 2)-下の3つ-div :nth-​​child(n + 3)は別のページに表示されます。ページを開くと、見た目は完璧ですが、要素をクリックすると、ページには5つのコンテナがすべて表示されます。機能する基本的なスクリプト:

<前>ウィズウィズ

検査では次のように正しく表示されます:

<前>ウィズウィズ

私は、ページの変更を通じて同じスタイルを維持する関数を追加するために多くの方法を試みましたが、成功していません。ポップアップウィンドウを表示するページにサインアップボタンがあります。ボタンをクリックすると、style = "display:none;が削除されます。ご協力ありがとうございます。

更新 div#idの後に、サインアップボタンをクリックした後にコメントが追加されます。

<前>ウィズウィズ

これはページの変更を示しているようです。これをスクリプトで使用することは可能ですか?ボタンをクリックすると、ポップアップサインアップフォームが表示されます。ボタンのjsセレクターは次のとおりです。

<前>ウィズウィズ

ポップアップフォーム:

<前>ウィズウィズ

私は知りたいです検索用の正しい言語 あまりにも。私は答えを探し続けますが、何を探すべきかについてのアイデアや知識が不足しています。

<script type="text/javascript"> // Show only the first two containers $("div[id$=RadAjaxPanel1] > div > div > div:nth-child(n+3)").css("display","none"); </script> <script type="text/javascript"> // Show only the last three containers $("div[id$=RadAjaxPanel1] > div > div > div:nth-child(-n+2)").css("display","none"); </script>
あなたの答え
  • 解決した方法 # 1

    クリックしてもページのスタイルが維持されるため、JavaScriptの代わりにCSSを使用してみてください。

    <前>ウィズウィズ <style> // Show only the last three containers [id$='RadAjaxPanel1'] > div > div > div:nth-child(-n+2) { display: none; } // Show only the first two containers [id$='RadAjaxPanel1'] > div > div > div:nth-child(n+3) { display: none; } </style>

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ debugging - これは、同じ数字で次に大きい番号を見つけるためのcプログラムです。しかし、1つのテストケースに合格していません