Вопросы Теги

Содержимое с вкладками не отображает содержимое по умолчанию и не добавляет класс при нажатии

Вы можете сделать это, чтобы игнорировать все нули в объекте, который вы сериализуете, и все нулевые свойства не будут отображаться в JSON 

JsonSerializerSettings settings = new JsonSerializerSettings();
settings.NullValueHandling = NullValueHandling.Ignore;
var myJson = JsonConvert.SerializeObject(myObject, settings);
1
задан Freddy 16 January 2019 в 08:51
поделиться

1 ответ

для загрузки добавьте эту функцию 

$(document).ready(function () {
  $('.carousel_element:nth-child(2)').addClass("carousel_selected");
   $('.carousel_quote').html($('.carousel_element:nth-child(2)').find('.carousel_hidden-text').html());
});

попробуйте следующее решение, оно будет работать 

$(document).ready(function () {
  $('.carousel_element:nth-child(2)').addClass("carousel_selected");
   $('.carousel_quote').html($('.carousel_element:nth-child(2)').find('.carousel_hidden-text').html());
   
$('.carousel_element').click(function() {
  $('.carousel_quote').html($(this).find('.carousel_hidden-text').html());
 
  //$('.carousel_element').removeClass('carousel_selected');
$(this).addClass("carousel_selected").siblings().removeClass("carousel_selected");

});
});
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
  margin-top: 0;
  position: relative;
  color: #002f33;
  width: 100vw;
}

.carousel {
  display: flex;
  flex-direction: row;
}

.carousel_element {
  border-bottom: solid 1px #999;
  height: 6em;
  width: 100%;
  margin: 0 5px;
}

.carousel_element .carousel_hidden-text {
  /* display: none; */
  text-align: center;
}

.carousel_container .carousel_quote {
  margin-left: auto;
  margin-right: auto;
  height: 10em;
  width: 75%;
  text-align: center;
  margin-top: 1em;
  border: 1px solid red;
}

.carousel_selected {
  border-color: red !important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="container carousel_container">
  <div class="wrapper">

    <div class="carousel">
      <div class="carousel_element">
        <div class="carousel_hidden-text">
          <p>Lorum Ipsum 1 </p>
          <p class="carousel_reference">Author1 </p>
        </div>
      </div>
      <div class="carousel_element">
        <div class="carousel_hidden-text">
          <p>Lorum Ipsum 2</p>
          <p class="carousel_reference">Author 2</p>
        </div>
      </div>
      <div class="carousel_element">
        <div class="carousel_hidden-text">
          <p>Lorum Ipsum 3</p>
          <p class="carousel_reference">Author 3</p>
        </div>
      </div>
    </div>
    <!-- .carousel end -->
    <div class="carousel_quote"></div>
  </div>
</div>

0
ответ дан Udhay Titus 16 January 2019 в 08:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: