0

ページの読み込み時に何かを単純に非表示にしようとしています...実際には最終的にはかなりの数のものが非表示になりますが、今はこれを非表示にすることができます. SOで見つけた回答のいくつかをスクロールしましたが、うまくいきません。css の .jumbotron クラスを保持する必要があるため、ID を追加しただけです........それが問題なのか、それとも何なのかわかりません....ここに私のコードがあります。誰も実際にそれを見る必要がないので、最初は省略しました。

  <!-- Jumbotron -->
      <div class="jumbotron">
        <h1>Data Loader</h1>
        <p class="lead">Follow the directions to load your data.</p>
        <a class="btn btn-large btn-success" href="#">Start</a>
      </div>

      <div id="second_slide" class="jumbotron" >
        <h1>Data Loader</h1>
        <p class="lead">Follow the directions to load your data.</p>
        <a class="btn btn-large btn-success" href="#">Start</a>
      </div>

      <hr>

      <!-- Example row of columns -->
      <div class="row-fluid">
        <div class="span4">

        </div>
      </div>

      <hr>

      <div class="footer">
        <p>&copy; Company 2013</p>
      </div>

    </div> <!-- /container -->
    <script>
      //doesn't work
     $(document).ready(function(){

    $('.jumbotron #second_slide').click(function(){
      var index=$('.jumbotron #second_slide').index(this);
      $('.jumbotron #second_slide').hide();
    });

});
4

6 に答える 6

1

「jumbotron」のクラスを持つ要素内に「second_slide」の ID を持つ要素がないため、機能しません。

これを試して:

$('.jumbotron#second_slide').hide();
于 2013-08-13T12:52:56.680 に答える
0

やってみます:

$(function(){
    $('#second_slide').click(function(){
        $(this).hide();
    });
});

<script>それが要素全体です。

于 2013-08-14T06:18:52.327 に答える
0

これを試して

   <div class="jumbotron">
    <h1>Data Loader</h1>
    <p class="lead">Follow the directions to load your data.</p>
    <a class="btn btn-large btn-success" href="#">Start</a>


  <div id="second_slide" class="jumbotron" >
    <h1>Data Loader</h1>
    <p class="lead">Follow the directions to load your data.</p>
    <a class="btn btn-large btn-success" href="#">Start</a>
  </div></div>
于 2013-08-13T12:50:54.650 に答える
0

試す

 $('#second_slide').click(function(){
      var index=$('#second_slide').index(this);
      $(this).hide();
    });
于 2013-08-13T12:51:37.433 に答える
0

のセレクターに問題があるよう$('.jumbotron #second_slide')です。必要なのは id: だけ$('#second_slide')です。

$('.jumbotron #second_slide')id="second_slide"div内で要素を見つけようとしていますclass="jumbotron"

于 2013-08-13T12:53:06.553 に答える
0

http://api.jquery.com/category/selectors/を読みましたか? .clazz #id のようなものを書くと、実際には .clazz 内の id を検索する必要があります。おそらく、それらのジャンボトロンを繰り返し処理し、興味のあるジャンボトロンを選択してから、そのコンポーネントを抽出する必要があります。

于 2013-08-13T12:53:13.707 に答える