Как я могу добавить кнопки «Далее» и «Назад» для этого ползунка вместо data-link = «n» (удалить нумерацию страниц и добавить только кнопки «Далее» и «Назад»)

Пожалуйста, любой умный человек может решить эту проблему. Здесь, в этом слайдере, у меня есть нумерация страниц 1, 2, 3, 4, но я хочу удалить это и использовать только кнопки «Следующий» и «Предыдущий» для смены слайдов, а на последнем слайде снова начать с первого слайда. хочу создать в своем JS, но я не знаю, как это сделать, после многих попыток я пришел сюда, в сообщество Exper, чтобы получить помощь.

плз

Как я могу добавить кнопки «Далее» и «Назад» для этого ползунка вместо data-link = "n" (убрать нумерацию страниц и добавить только кнопки «Далее» и «Назад»)

Заранее спасибо, люблю тебя.

.gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 2em 0;
}

.gallery-slides {
  position: relative;
  max-width: 1280px;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

.gallery-slide {
  position: absolute;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-box-ordinal-group: 3;
          order: 2;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
}
.gallery-slide.is-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}
.gallery-slide.is-active ~ * {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
                            /* E ~ F an F element preceded by an E element
is-active ~ nextSlide element */
}

.gallery-selectors {
  width: 5%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 2.5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: end;
          align-items: flex-end;
}

.gallery-selector {
  border: 1px solid #343434;
  border-radius: 50%;
  padding: 1.2em 1.5em;
  margin-bottom: 0.5em;
  text-decoration: none;
  color: #343434;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
.gallery-selector:hover {
  background-color: #343434;
  color: #e2e2e2;
}
.gallery-selector.is-active {
  background-color: #343434;
  color: #e2e2e2;
}

.slide-img {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
}
.slide-img img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.slide-content {
  -webkit-box-flex: 0;
          flex: 0 1 50%;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 10%;
}
.slide-content h2 {
  color: #fff;
  font-size: 2.2em;
  line-height: 1;
  margin-top: 0;
}
.slide-content p {
  color: #343434;
  font-size: 1.2em;
  line-height: 1.5em;
}

/* Background mapColor */
.background-teal {
  background-color: #54b3a6;
}

.background-red {
  background-color: #e72b1e;
}

@media only screen and (max-width: 960px) {
  .gallery-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  .slide-img {
    padding-left: 2em;
    padding-right: 15%;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
  }

  .slide-content {
    padding-right: 15%;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  .gallery-selectors {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    right: 0;
    bottom: 0;
  }

  .gallery-selector {
    padding: 0.5em 0.8em;
    margin-right: 0.5em;
  }
}
<!DOCTYPE html>
<html lang = "en" >
<head>
  <meta charset = "UTF-8">
  <title>CodePen - Flexbox Content Slider</title>
  <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">

</head>
<body>
<!-- partial:index.partial.html -->
<section class = "gallery background-teal">

 <button onclick = "plusSlides(-1)">Pre.❮</button>
<button  id = "nextclick" onclick = "plusSlides(1)">Next ❯</button>

    <div class = "gallery-slides">
        <div class = "gallery-slide" data-link = "1">   
        <!--slide 1-->
            <div class = "slide-img"><img src = "https://placeimg.com/650/450/tech">    
            </div>
            <div class = "slide-content">
                <h2>Slide 1 Title Here</h2>
                <p>Paragrapgh 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui nisi, vehicula non tortor ut, vehicula iaculis libero. Morbi sagittis, quam nec lobortis accumsan, arcu ante consectetur lorem, sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
                <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. 
                </p>
            </div>
        </div>
        <!--slide 2-->
        <div class = "gallery-slide" data-link = "2">
            <div class = "slide-img"><img src = "https://placeimg.com/650/450/nature"></div>
            <div class = "slide-content">
                <h2>Slide 2 Title Here</h2>
                <p>Paragrapgh 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui nisi, vehicula non tortor ut, vehicula iaculis libero. Morbi sagittis, quam nec lobortis accumsan, arcu ante consectetur lorem, sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
                <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. 
                </p>
            </div>
        </div>
        <!--slide 3-->
        <div class = "gallery-slide" data-link = "3">
            <div class = "slide-img"><img src = "https://placeimg.com/650/450/people"></div>
            <div class = "slide-content">
                <h2>Slide 3 Title Here</h2>
                <p>Paragrapgh 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui nisi, vehicula non tortor ut, vehicula iaculis libero. Morbi sagittis, quam nec lobortis accumsan, arcu ante consectetur lorem, sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
                <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. 
                </p>
            </div>
        </div>
        <!--slide 4-->
        <div class = "gallery-slide" data-link = "4">
            <div class = "slide-img"><img src = "https://placeimg.com/650/450/animals"></div>
            <div class = "slide-content">
                <h2>Slide 4 Title Here</h2>
                <p>Paragrapgh 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui nisi, vehicula non tortor ut, vehicula iaculis libero. Morbi sagittis, quam nec lobortis accumsan, arcu ante consectetur lorem, sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
                <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. 
                </p>
            </div>
        </div>
    </div>
    <div class = "gallery-selectors"> 
        <a href = "#" class = "gallery-selector" data-link = "1">1</a>
        <a href = "#" class = "gallery-selector" data-link = "2">2</a>
        <a href = "#" class = "gallery-selector" data-link = "3">3</a>
        <a href = "#" class = "gallery-selector" data-link = "4">4</a> 
    </div>
</section>
<!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'></script>





<script>
//Javascript Module Pattern
//app.js
var app = function () {
  var defaults = [];
  return {};


}();
$(function () {
  // new app.gallery();
  $('.gallery').each(function () {
    $(this).data(new app.gallery(this));
  });
});
//myModule
app.gallery = function ($, _, app) {
  var def = function (el, opts) {
    this.$els = {
      'el': $(el) };


    this.options = _.extend({ link: 'data-link' }, opts);
    this.controller = this.$els.el.find('[' + this.options.link + ']');
    // this.$gallery = this.$els.el.find('.gallery-slides');
    // this.$slide = this.$els.el.find('.gallery-slide');

    this.states = {
      'active': 'is-active' };


    init.call(this);
  };
  var init = function () {
    this.bind();
  };
  def.prototype = {
    bind: function () {
      console.info('gallery loaded');

      var self = this;

      this.setActive(1);
      this.controller.on('click', _.bind(this.slideNext, this));
    },

    slideNext: function (ev) {
      var i = $(ev.currentTarget).attr(this.options.link);
      this.setActive(i);
    },

    setActive: function (index) {
      var self = this;
      this.currentActive = index;

      this.controller.removeClass(this.states.active).
      filter(function () {
        return $(this).attr(self.options.link) == index;
      }).addClass(self.states.active);
    } };


  return def;
}(jQuery, _, app);
</script>

</body>
</html>

у меня есть две кнопки здесь, но эта функция не работает, пожалуйста, помогите мне.

Заранее спасибо, люблю тебя.

действительно очень хороший вопрос

— Rakesh Suthar 15.12.2020 08:14

Взгляните на этот код. github.com/iahmadhabibx/mydailyjavascript/tree/master/…

— Ahmad Habib 15.12.2020 08:30

Привет, Ахмад Хабиб, я проверил эту страницу github, но между JS есть разница, поэтому я запутался, так что, пожалуйста, не могли бы вы помочь мне, написав ответ

— RR Suthar 15.12.2020 08:36

У @AhmadHabib есть хорошая статья с решением этого вопроса.

— rakshitjat 15.12.2020 08:39
javascript html jquery css
15.12.2020 08:13
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
4
114
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот ваш обновленный код

    <!DOCTYPE html>
<html lang = "en">

<head>
  <meta charset = "UTF-8">
  <title>CodePen - Flexbox Content Slider</title>
  <link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
  <style>
    .gallery {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding: 2em 0;
    }

    .gallery-slides {
      position: relative;
      max-width: 1280px;
      width: 100%;
      height: 100vh;
      margin: 0 auto;
    }

    .gallery-slide {
      position: absolute;
      height: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: row;
      -webkit-box-align: center;
      align-items: center;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0;
      -webkit-box-ordinal-group: 3;
      order: 2;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, -webkit-transform;
      transition-property: transform, opacity;
      transition-property: transform, opacity, -webkit-transform;
      -webkit-transition-duration: 1s;
      transition-duration: 1s;
      -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
      /* ease-in-out */
    }

    .gallery-slide.is-active {
      -webkit-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      -webkit-box-ordinal-group: 2;
      order: 1;
    }

    .gallery-slide.is-active~* {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      /* E ~ F an F element preceded by an E element
is-active ~ nextSlide element */
    }

    .gallery-selectors {
      width: 5%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 2.5%;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-align: end;
      align-items: flex-end;
    }

    .gallery-selector {
      border: 1px solid #343434;
      border-radius: 50%;
      padding: 1.2em 1.5em;
      margin-bottom: 0.5em;
      text-decoration: none;
      color: #343434;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
    }

    .gallery-selector:hover {
      background-color: #343434;
      color: #e2e2e2;
    }

    .gallery-selector.is-active {
      background-color: #343434;
      color: #e2e2e2;
    }

    .slide-img {
      -webkit-box-flex: 0;
      flex: 0 0 50%;
    }

    .slide-img img {
      max-width: 100%;
      height: auto;
      border-radius: 5px;
    }

    .slide-content {
      -webkit-box-flex: 0;
      flex: 0 1 50%;
      padding-top: 2em;
      padding-bottom: 2em;
      padding-left: 2em;
      padding-right: 10%;
    }

    .slide-content h2 {
      color: #fff;
      font-size: 2.2em;
      line-height: 1;
      margin-top: 0;
    }

    .slide-content p {
      color: #343434;
      font-size: 1.2em;
      line-height: 1.5em;
    }

    /* Background mapColor */
    .background-teal {
      background-color: #54b3a6;
    }

    .background-red {
      background-color: #e72b1e;
    }

    @media only screen and (max-width: 960px) {
      .gallery-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
      }

      .slide-img {
        padding-left: 2em;
        padding-right: 15%;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
      }

      .slide-content {
        padding-right: 15%;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
      }
    }

    @media only screen and (max-width: 640px) {
      .gallery-selectors {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        right: 0;
        bottom: 0;
      }

      .gallery-selector {
        padding: 0.5em 0.8em;
        margin-right: 0.5em;
      }
    }
  </style>
</head>

<body>
  <!-- partial:index.partial.html -->
  <section class = "gallery background-teal">
    <button data-btn = "prev" class = "slider-pagination">Pre.❮</button>
    <button data-btn = "next" class = "slider-pagination">Next ❯</button>
    <div class = "gallery-slides">
      <div class = "gallery-slide is-active">
        <!--slide 1-->
        <div class = "slide-img"><img src = "https://placeimg.com/650/450/tech"></div>
        <div class = "slide-content">
          <h2>Slide 1 Title Here</h2>
          <p>Paragrapgh 1: Lorem ipsum dolor sit amet,
            consectetur adipiscing elit. Cras dui nisi,
            vehicula non tortor ut,
            vehicula iaculis libero. Morbi sagittis,
            quam nec lobortis accumsan,
            arcu ante consectetur lorem,
            sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
          <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. </p>
        </div>
      </div>
      <!--slide 2-->
      <div class = "gallery-slide">
        <div class = "slide-img"><img src = "https://placeimg.com/650/450/nature"></div>
        <div class = "slide-content">
          <h2>Slide 2 Title Here</h2>
          <p>Paragrapgh 1: Lorem ipsum dolor sit amet,
            consectetur adipiscing elit. Cras dui nisi,
            vehicula non tortor ut,
            vehicula iaculis libero. Morbi sagittis,
            quam nec lobortis accumsan,
            arcu ante consectetur lorem,
            sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
          <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. </p>
        </div>
      </div>
      <!--slide 3-->
      <div class = "gallery-slide">
        <div class = "slide-img"><img src = "https://placeimg.com/650/450/people"></div>
        <div class = "slide-content">
          <h2>Slide 3 Title Here</h2>
          <p>Paragrapgh 1: Lorem ipsum dolor sit amet,
            consectetur adipiscing elit. Cras dui nisi,
            vehicula non tortor ut,
            vehicula iaculis libero. Morbi sagittis,
            quam nec lobortis accumsan,
            arcu ante consectetur lorem,
            sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
          <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. </p>
        </div>
      </div>
      <!--slide 4-->
      <div class = "gallery-slide">
        <div class = "slide-img"><img src = "https://placeimg.com/650/450/animals"></div>
        <div class = "slide-content">
          <h2>Slide 4 Title Here</h2>
          <p>Paragrapgh 1: Lorem ipsum dolor sit amet,
            consectetur adipiscing elit. Cras dui nisi,
            vehicula non tortor ut,
            vehicula iaculis libero. Morbi sagittis,
            quam nec lobortis accumsan,
            arcu ante consectetur lorem,
            sit amet tincidunt nisl enim ut lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
          <p>Paragrapgh 2: Nulla sed est eget nunc molestie ultricies. Aliquam erat volutpat. Morbi lobortis fringilla purus dignissim malesuada. Aenean id consectetur augue. </p>
        </div>
      </div>
    </div>
  </section>
  <!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js'></script>
  <script>
    //Javascript Module Pattern
    //app.js
    var total_slides = $('.gallery-slides .gallery-slide').length;
    var remaining_slides = total_slides - 1;
    $(document).on('click', '.slider-pagination', function() {
      var btn = $(this).attr('id');
      var current_slide = $('.is-active');
      if ($(this).attr('data-btn') == 'next') {
        var next_slide = $(".gallery-slide").eq($(".gallery-slide").index($(current_slide)) + 1);
        if (next_slide.hasClass('gallery-slide')) {
          current_slide.removeClass('is-active');
          next_slide.addClass('is-active');
        } else {
          var next_slide = $(".gallery-slide").eq($(".gallery-slide").index($(current_slide)) - remaining_slides);
          current_slide.removeClass('is-active');
          next_slide.addClass('is-active');
        }

      } else {
        var next_slide = $(".gallery-slide").eq($(".gallery-slide").index($(current_slide)) - 1);
        if (next_slide.hasClass('gallery-slide')) {
          current_slide.removeClass('is-active');
          next_slide.addClass('is-active');
        } else {
          var next_slide = $(".gallery-slide").eq($(".gallery-slide").index($(current_slide)) - remaining_slides);
          current_slide.removeClass('is-active');
          next_slide.addClass('is-active');
        }
      }
    });

    var app = function() {
      var defaults = [];
      return {};
    }();

    $(function() {
      // new app.gallery();
      $('.gallery').each(function() {
        //$(this).data(new app.gallery(this));
      });
    });

    //myModule
    app.gallery = function($, _, app) {
      var def = function(el, opts) {
        this.$els = {
          'el': $(el)
        };

        this.options = _.extend({
          link: 'data-link'
        }, opts);
        console.info(this.options.link);
        this.controller = this.$els.el.find('.slider-div');
        // this.$gallery = this.$els.el.find('.gallery-slides');
        // this.$slide = this.$els.el.find('.gallery-slide');

        this.states = {
          'active': 'is-active'
        };
        init.call(this);
      };

      var init = function() {
        this.bind();
      };

      def.prototype = {
        bind: function() {
          console.info('gallery loaded');
          var self = this;
          this.setActive(1);
          this.controller.on('click', _.bind(this.slideNext, this));
        },

        slideNext: function(ev) {
          var i = $(ev.currentTarget).attr(this.options.link);
          this.setActive(i);
        },

        setActive: function(index) {
          var self = this;
          this.currentActive = index;

          this.controller.removeClass(this.states.active).filter(function() {
            return $(this).attr(self.options.link) == index;
          }).addClass(self.states.active);
        }
      };
      return def;
    }

    (jQuery, _, app);
  </script>
</body>

</html>

Спасибо за ваш ответ, но во-первых, как я могу удалить data-link = "1" data-link = "2" data-link = "3" data-link = "4" из <div class = "gallery- слайд" data-link = "2"> ОБНОВИТЕ ОТВЕТ, пожалуйста

— RR Suthar 15.12.2020 09:58

Большое спасибо @ Nitin Love You

— RR Suthar 15.12.2020 13:24

привет @Nitin, я думаю, ты должен опубликовать свой ответ и на этот вопрос, чтобы я мог дать тебе дополнительную оценку репутации :) Люблю тебя, Нитин

— RR Suthar 15.12.2020 13:39

Рад, что это решило вашу проблему, мне нужно прокомментировать вопрос?

— Nitin Sharma 15.12.2020 13:45

О нет, дорогая, но за то, что я дал тебе дополнительный балл за твою тяжелую работу, я сказал тебе это.

— RR Suthar 15.12.2020 13:48

Привет, Нитин, сэр. Можете ли вы ответить на этот вопрос, пожалуйста: stackoverflow.com/questions/65735400/…

— RR Suthar 15.01.2021 18:41
15.12.2020 09:03

Другие вопросы по теме

Загрузка файла в Angular дает ошибку при отправке запроса POST
Добавление div после всех конкретных дочерних классов div с помощью jquery
Как я могу предотвратить затенение контента виртуальной клавиатурой Android? Начальная загрузка 4
Угловой материал; mat-select отображать выбранный цвет
Как выделить выбранный пользователем текст, который не содержится в одном текстовом узле, используя vanilla js?
Фавикон не отображается при использовании include
Условный HTML-атрибут с использованием Rails ERB
Как извлечь текст из проанализированной html-страницы в pandas
Как сделать так, чтобы раскрывающееся меню оставалось открытым, когда я не наводил курсор на пункт меню?
HTML: Что заставляет CSS работать на этой странице?

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

Предварительная тренировка мозга js модель
Array.push отправляет только одно значение вместо всех в JS
Преобразование времени эпохи в GMT Date Time Javascript
URL-адрес динамического меню для каждой роли пользователя
Анимированный маркер листовки не отображает широту и долготу
Изменить массив с целыми числами на восьмеричный массив
AJAX вызывает сервер, но POST не работает (PHP)
Регулярное выражение Javascript для проверки номера телефона
Как обновить любое совпадение в массиве несколько раз в нескольких документах по модели Mongoose, а не только сначала?
Как выделить выбранный пользователем текст, который не содержится в одном текстовом узле, используя vanilla js?