RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-371747

M141's questions

Martin Hope
M141
Asked: 2022-05-21 23:18:47 +0000 UTC

C# | 一维数组 | 在以逗号分隔的标签中显示值

  • 0

有一个学习任务。

本质:形成一个一维数组,里面填充随机值。需要:1)显示标签中的所有值,用逗号分隔;2) 创建一个方法来计算所有数组元素的算术平均值。

第二部分实现(方法计算正确)。

帮忙处理一下 1、用这个实现怎么能在label中显示数组的值呢?

我提供我的代码:

class Arrays // Описание класса
        {
            public bool error = false;
            int[] a;
            int length;
            public Arrays(int size)
            {
                a = new int[size]; length = size;
            }
            public int Length
            {
                get
                {
                    return length;
                }
            }
            public int Average_ari // Метод для расчета среднего арифметического
            {
                get
                {
                    int sum = 0;
                    int avg = 0;
                    for (int i = 0; i < length; i++)
                        {
                        sum += a[i];
                        avg = sum / length;
                        }
                    return avg;
                }
            }

            public int this[int i]
            {
                get
                {
                    if (i >= 0 && i < length) return a[i];
                    else
                    {
                        error = true; return 0;
                    }
                }
                set
                {
                    if (i >= 0 && i < length && value >= -100 && value <= 100) a[i] = value;
                    else error = true;
                }
            }
        }

        private void Button1_Click(object sender, EventArgs e)
        {
            int n = 100;
            dataGridView1.Rows.Clear();
            Random ran = new Random();
            try
            {
                n = Convert.ToInt16(textBox1.Text);
                Arrays a = new Arrays(n);
                for (int i = 0; i < n; i++) // заполнение массива рандомными значениями
                {
                    a[i] = ran.Next(-100, 100);
                    dataGridView1.Rows.Add(a[i].ToString());
                }
                if (a.error) MessageBox.Show("Error");
                label2.Text = "Середнє арифметичне масиву: " + a.Average_ari.ToString(); // Вывод среднего арифметического


            }
            catch
            {
                MessageBox.Show("Error");
            }

我会很感激你的帮助:)

UPD:根据网上的分析,通过以下方式找到了解决方案的建议:Label.Text = string.Join(" ", massiv1); 但是如何在这段代码中实现它并不完全清楚。如果这是正确的方向,请帮助理解实施。

c#
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2022-03-26 02:24:16 +0000 UTC

插入和转换一维文本数组的元素 C#

  • 0

大家好。关于C#(Windows 窗体)的问题。帮助正确编写任务的代码。目前,只有DG1中输入信息的部分在工作。指定如何正确安装所有内容以使代码正常工作。如果在第二段中使用TextChanged将信息读入数组会更正确 - 帮助实现这一点。好吧,总的来说,如果我的开发不适合解决问题,请指出。

我将不胜感激任何可以帮助解决此问题的建设性意见和帮助。

任务是使用 TextBox 形成一个包含任意文本信息的数组(例如:pike、horse、cat、dog、peacock...),之后必须使用Button1将该数组传输到DataGridView1。接下来,您需要反转输入到数组中的信息的顺序(相对于示例:孔雀、狗、猫、马、派克... ),并相应地使用Button2在DataGridView2中显示它。为了清楚起见,我附上界面的图像界面图片

根据解决方案的结构,有必要创建:

  1. 包含维度、索引器和一个负责反转数组顺序的方法的类。
  2. 在事件上(按下Button1) - 将文本信息添加到数组并将其移动到DG1。
  3. 在事件上(按下Button2) - 调用负责将数组顺序更改为反向并将其添加到DG2的类方法。

代码开发:1)

class LN
        {
            public bool error = false;
            string[] A;
            int length;
            public LN(int size)
            { A = new string[size]; length = size; }
            public int Length
            {
                get
                {
                    return length;
                }
            }
            public string [] B // метод преобразования массива в обратный порядок
            {
                get
                {
                    string[] A = new string[length];
                    for (int i = length -1; i >= 0; i--);
                    return new string[length];
                }
            }

            public string this[int i] // индексатор
            { get { if (i >= 0 && i < length) return A[i];
            else { error = true; return "0"; }
            }
            set { if (i >= 0 && i < length) A[i] = value;
            else error = true;
            }
        }
private void Button1_Click(object sender, EventArgs e)
        {
                string[] A = new string[1];
                for (int i = 0; i <= (A.Length - 1); i++)
                {
                    A[i] = Convert.ToString(textBox1.Text);
                    dataGridView1.Rows.Add(A[i].ToString());
                }     
        }
private void Button2_Click(object sender, EventArgs e)
        {
                B[i] = Convert.ToString();
                dataGridView2.Rows.Add(B[i].ToString());
        }
c#
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2020-02-24 16:49:04 +0000 UTC

如何解决单击刷新或后退按钮时显示模式窗口(弹出窗口)的问题

  • 0

显示模态窗口(popup)的问题,即: 1)如果你从模态窗口点击链接,然后通过浏览器按钮返回,然后返回页面我们会看到一个空的模态窗口。2)如果在模态窗口打开时,点击刷新(浏览器),那么表单又会变空。

如何使表单在​​刷新时消失,返回页面后不再出现?非常感谢。

为了更清楚,这里是问题的视频: https ://youtu.be/vZROqM37F7k

.popup {   
   position: fixed;
   padding: 10px;
   max-width: 500px;
   border-radius: 0.5em;
   top: 50%;
   left: 50%;
   color: #000;
   transform: translate(-50%, -50%);
   background-color: rgba(255,255,255,1);
   visibility: hidden;
   opacity: 0;
   transition: opacity .5s, visibility 0s linear .5s;
   z-index: 1;
}
.popup:target {
   visibility: visible;
   opacity: 1;
   transition-delay: 0s;
}
.popup .close {
   position: absolute;
   right: 5px;
   top: 5px;
   padding: 5px;
   color: #000;
   transition: color .3s;
   font-size: 2em;
   line-height: 1.5;
   font-weight: 700;
}
.popup .close:hover {
   color: #f00;
}
.close-popup {
   background-color: rgba(0,0,0,.7);
   cursor: default;
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   opacity: 0;
   visibility: hidden;
   transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target + .close-popup {
   opacity: 1;
   visibility: visible;
   transition-delay: 0s;
}

.content button{ 
  display: inline-flex;
  float: right;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 15px 20px;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff0e6;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}
.content button:hover{
  background-image: linear-gradient(to right, #00f2fe 0%, #4facfe 100%);
}


.block-post {
  width: 100%;
  padding: 5rem;
  background-color: #404F56;
  box-shadow: 0 1.4rem 8rem rgba(0,0,0,.2);
  display: flex;
  align-items: center;
  border-radius: .8rem;
  margin-bottom: 10%;
}
.block-post__img {
  min-width: 35rem;
  max-width: 35rem;
  height: 30rem;
  transform: translateX(-8rem);
  position: relative;
}

.block-post__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: .8rem;
}

.block-post__img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, rgba(28, 24, 24, 0.8), rgba(128, 134, 116, 0.8));
  box-shadow: .5rem .5rem 3rem 1px rgba(0,0,0,.05);
  border-radius: .8rem;
}
.block-post__date span {
  display: block;
  color: rgba(0,0,0,.5);
  font-size: 1.6rem;
  font-weight: 600;
  margin: .5rem 0;
}

.block-post__title {
  font-size: 2.5rem;
  margin: 1.5rem 0 2rem;
  text-transform: uppercase;
  color: #6d757b;
}

.block-post__text {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  color: rgba(0,0,0,.7);
}

.block-post__cta {
  display: inline-block;
  padding: 1.5rem 3rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #fff;
  background-image: linear-gradient(to right, rgba(28, 24, 24, 0.8), rgba(128, 134, 116, 0.8) 100%);
  border-radius: .8rem;
  text-decoration: none;
}
<html lang="en" ng-app="turtleFacts">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Тесты</title>
    <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
        integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
        crossorigin="anonymous">
</head>
<body>
    <div class="container">
                      <div class="row">
                          <div class="col-sm-12" ng-repeat="turtle in list.dataJ | filter:list.search"> 
                              <div class="block-post">
                                  <div class="block-post__img">
                                      <img ng-src="{{turtle.image_urlJ}}">
                                  </div>
                                  <div class="block-post__info">
                                      <div class="block-post__date">
                                          <span>...</span>
                                          <span>...</span>
                                      </div>
                                      <h1 class="block-post__title">...</h1>
                                      <p class="block-post__text">...</p>
                                      <a href="#popupW" ng-click="list.changeActiveTurtle(turtle)" class="btn block-post__cta">Узнать подробнее</a> 
                                  </div>
                              </div>
                          </div>
                      </div>    
                    <div id="popupW" class="popup">
                        <a href="mytests.php" class="close">&times;</a>
                        <h2>Текст Текст Текст Текст Текст Текст</h2>
                        <p>Текст Текст Текст </p>
                        <div id="turtle-info" class="content content-1">
                            <form action="mytests.php">
                                <button type="submit">Текст Текст!</button>
                            </form>
                            <form action="test3.php">
                                <button type="submit">Текст!</button>
                            </form>
                        </div>
                    </div>
</div>
</body>
</html>

html
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2020-02-21 15:01:47 +0000 UTC

在不同浏览器中显示动画(css+js)的问题

  • 0

跨平台出现问题。最初在yandex浏览器中检查,没有问题,一切都很完美。在opera和mozilla中有这样一个问题:在此处输入图像描述 Animation fly up:s 我估计chrome中也可能有这样的问题,但是我没有查。

通过执行下面的代码(在本站,一切正常,我希望它也能正常显示给你,但以防万一:输入下方的栏从左侧开始到结束填充渐变时)输入文本或仅在单击此输入时): 在此处输入图像描述

请帮我解决这个问题

.login-form{
  width: 360px;
  background: #f1f1f1;
  height: 180px;
  padding: 80px 40px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.login-form h1{
  text-align: center;
  margin-bottom: 60px;
}

.txtb{
  border-bottom: 2px solid #adadad;
  position: relative;
  margin: 30px 0;
}

.txtb input{
  font-size: 15px;
  color: #333;
  border: none;
  width: 100%;
  outline: none;
  background: none;
  padding: 0 5px;
  height: 40px;
}

.txtb span::before{
  content: attr(data-placeholder);
  position: absolute;
  top: 50%;
  left: 5px;
  color: #adadad;
  transform: translateY(-50%);
  z-index: -1;
  transition: .5s;
}

.txtb span::after{
  content: '';
  position: absolute;
  width: 0%;
  height: 2px;
  background: linear-gradient(120deg,#3498db,#8e44ad);
  transition: .5s;
}

.focus + span::before{
  top: -5px;
}
.focus + span::after{
  width: 100%;
}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet"
        href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
        integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
        crossorigin="anonymous">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" charset="utf-8"></script>
    </head>
    <body>
        <form action="login.php" method="POST" class="login-form"> 
            <div class="txtb">
                <input type="text" name="login" value="">
                <span class="span1" data-placeholder="Username"></span>
            </div>
        </form> 
        <script type="text/javascript">
        $(".txtb input").on("focus",function(){
            $(this).addClass("focus");
            });

        $(".txtb input").on("blur",function(){
            if($(this).val() == "")
            $(this).removeClass("focus");
            });
        </script>
    </body>
</html>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2020-02-17 05:24:44 +0000 UTC

在网站上多次初始化滑动滑块的工作不正确

  • 0

该功能有一个下拉内容,其中包含一个滑动滑块 ( https://stackblitz.com/edit/swiper-demo-6-fraction-pagination?file=index.html )。

问题是通过移动鼠标更改幻灯片时,只有首先打开的下拉菜单有效。我附上截图:

1)第一次打开的正确操作: 在此处输入图像描述

2)这是第二个打开的,在同一个会话中:(滑块停止滚动到最后,分页消失了)。 在此处输入图像描述

有了这一切,如果您使用箭头来更改幻灯片,那么在所有情况下它都可以正常工作。

如果有的话,这里是连接滑动器滑块的元素

<link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css">
<script src="https://unpkg.com/swiper/js/swiper.min.js"></script>

如果您能帮我解决这个问题,我将不胜感激,谢谢。

$(".accordion_tab").click(function () {
  if ($(this).hasClass("active")) {
    $(this).removeClass("active");
    $(this).next().removeClass("active"); 
    return;
  }
  $(".accordion_tab").each(function () {
    $(this).removeClass("active");
  });
  $(this).addClass("active");
  $(this).next().addClass("active");
  var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        type: 'fraction',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
});
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.slider__contents {
  height: 100%;
  padding: 2rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 700px;
}







@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

body{
  background: #f8f9fb;
}

.wrapper{ /* 13.02.20-14.02.20 курсы */
	max-width: 1000px;
	width: 100%;
	margin: 50px auto;
}

.wrapper .title{
	margin-bottom: 25px;
	background: #5393dc;
	padding: 20px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	border-radius: 2px;
	font-weight: 700;
}

.wrapper .accordion_item{
	margin-bottom: 25px;
	box-shadow: 0 0 5px rgba(225,225,225,0.5);
}

.wrapper .accordion_item .accordion_tab{
	background: #fff;
	padding: 20px;
	color: #2e3038;
	font-size: 18px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
}

.wrapper .accordion_item .accordion_tab.active{
	color: #fff;
	background: #5393dc;
}

.wrapper .accordion_item .accordion_tab .arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #5393dc;
}

.wrapper .accordion_item .accordion_tab .arrow img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 13px;
	height: 13px;
}

.wrapper .accordion_item .accordion_tab.active .arrow img{
	transform: translate(-50%,-50%) rotate(180deg);
	transition: all 0.3s ease;
}

.wrapper .accordion_item .accordion_content{
	background: #fff;
	display: none;
	transition: all 0.3s ease;
}

.wrapper .accordion_item .accordion_content p{
	font-size: 14px;
	line-height: 22px;
	padding: 20px;
	color: #858aa5; 
}

.wrapper .accordion_item .accordion_tab.active + .accordion_content{
	display: block;	
  transition: all 0.3s ease;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
      /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


@media (max-width: 480px){ 
.slider__contents img {
  max-width: 320px;
}
}
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="css/tstyle2.css">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
    integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <link rel="stylesheet" href="swiper.min.css">
  <title>...</title>
</head>
<body>
  
  <section id="courses"> 
    <div class="wrapper">
      <div class="title">Name</div>
      <div class="title">Name1</div>
      <div class="accordion_wrapper">
    <div class="accordion_item">
      <div class="accordion_tab">...
        <div class="arrow">
          <img src="https://i.imgur.com/XuM2oTr.png" alt="arrow">
        </div>
      </div>
      <div class="accordion_content"> 

      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
              <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
                <h2 class="slider__caption">Вопрос?</h2>
                <p class="slider__txt">Ответ.</p>
              </div>
          </div>
          <div class="swiper-slide">
            <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
              <h2 class="slider__caption">Вопрос?</h2>
              <p class="slider__txt">Ответ</p>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
              <h2 class="slider__caption">Вопрос?</h2>
              <p class="slider__txt">Ответ</p>
            </div>
          </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
  </div>

    <div class="accordion_item">
      <div class="accordion_tab">...
        <div class="arrow">
          <img src="https://i.imgur.com/XuM2oTr.png" alt="arrow">
        </div>
      </div>
      <div class="accordion_content">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
                <h2 class="slider__caption">Вопрос?</h2>
                <p class="slider__txt">Ответ</p>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
                <h2 class="slider__caption">Вопрос?</h2>
                <p class="slider__txt">Ответ</p>
              </div>
            </div>
            <div class="swiper-slide">
              <div class="slider__contents"><img src="https://cdn.searchenginejournal.com/wp-content/uploads/2019/11/how-to-do-a-reverse-image-search-on-google-using-desktop-or-mobile-5dc4ceb3eda59-760x400.png">
                <h2 class="slider__caption">Вопрос?</h2>
                <p class="slider__txt">Ответ</p>
              </div>
            </div>
          </div>
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
          <!-- Add Arrows -->
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
        </div>
      </div>
    </div>
  </div>
</div>
</section>


<script src="swiper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
  integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
  integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="main.js"></script>
</body>
</html>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2020-02-15 20:59:46 +0000 UTC

单击时关闭下拉内容不起作用

  • 1

有下拉内容 <div class="accordion_tab">名称 它可以正常打开。切换到另一个选项卡时,前一个选项卡将关闭并打开一个新选项卡。

问题是当一个选项卡打开时,不能通过单击同一个选项卡来关闭它。 在此处输入图像描述 请帮帮我。

$(".accordion_tab").click(function () {
  $(".accordion_tab").each(function () {
    $(this).removeClass("active");
  });
  $(this).addClass("active");
  $(this).next().addClass("active");
});
<div class="accordion_wrapper">
    <div class="accordion_item">
      <div class="accordion_tab">Name
        <div class="arrow">
          <img src="**" alt="arrow">
        </div>
      </div>
      <div class="accordion_content"> 
        <div class="slider">
          <input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav" />
          <input type="radio" name="slider" title="slide2" class="slider__nav" />
          <input type="radio" name="slider" title="slide3" class="slider__nav" />
          <input type="radio" name="slider" title="slide4" class="slider__nav" />
          <input type="radio" name="slider" title="slide5" class="slider__nav" />
          
          <div class="slider__inner">
            <div class="slider__contents"><img src="**">
              <h2 class="slider__caption">**</h2>
              <p class="slider__txt">**</p>
            </div>
            ....
          </div>
        </div>
      </div>
    </div>
</div>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
M141
Asked: 2020-02-11 15:39:17 +0000 UTC

将带有 json 的图像输出到测试中,作为问题的补充

  • 0

问题是除了文本问题之外的图像输出 - “未定义”。每个问题都必须使用 json 显示自己的图像。请帮帮我。结果应该是这样的(这些只是图片:c): 在此处输入图像描述 在此处输入图像描述

<div class="container">
      <div id="loader"></div>
      <div id="game" class="justify-center flex-column hidden">
        <div  id="hud">
          <div id="hud-item">
            <p id="progressText" class="hud-prefix">
              Вопросы
            </p>
            <div id="progressBar">
              <div id="progressBarFull"></div>
            </div>
          </div>
          <div id="hud-item">
            <p class="hud-prefix">
              Очки
            </p>
            <h1 class="hud-main-text" id="score">
              0
            </h1>
          </div>
        </div >
        <h2 id="question">What is the answer to this questions</h2>
        <div id="qImg"></div> <!-- Тут проблема -->
        <div class="choice-container">
          <p class="choice-prefix">А</p>
          <p class="choice-text" data-number="1">Choice 1</p>
        </div>
        <div class="choice-container">
          <p class="choice-prefix">Б</p>
          <p class="choice-text" data-number="2">Choice 2</p>
        </div>
        <div class="choice-container">
          <p class="choice-prefix">В</p>
          <p class="choice-text" data-number="3">Choice 3</p>
        </div>
        <div class="choice-container">
          <p class="choice-prefix">Г</p>
          <p class="choice-text" data-number="4">Choice 4</p>
        </div>
      </div>
    </div>
    <script src="game.js"></script>

[
  {
    "question": "В каких случаях водители привлекаются к уголовной ответственности за нарушения Правил, повлекшие тяжкие последствия?",
    "choice1": "Только при причинении смерти человеку",
    "choice2": "При причинении смерти человеку или тяжкого вреда здоровью человека",
    "choice3": "При наличии пострадавшего (вне зависимости от степени тяжести полученных им повреждений) или причинении крупного материального ущерба",
    "choice4": "Только варианты 2 и 3",
    "answer": 2,
    "imgSrc": "image/1.jpg"
  },
  {
    "question": "Какое расстояние проедет транспортное средство за время, равное среднему времени реакции водителя, при скорости движения около 90 км/час?",
    "choice1": "Примерно 15 м",
    "choice2": "Примерно 25 м",
    "choice3": "Примерно 35 м",
    "choice4": "Примерно 45 м",
    "answer": 2,
    "imgSrc": "image/2.jpg"
  },
  {
    "question": "Какой неподвижный объект, не позволяющий продолжить движение по полосе, не относится к понятию «Препятствие»?",
    "choice1": "Дефект проезжей части",
    "choice2": "Посторонний предмет",
    "choice3": "Неисправное или поврежденное транспортное средство",
    "choice4": "Транспортное средство, остановившееся на этой полосе из-за образования затора",
    "answer": 4,
    "imgSrc": "image/3.png"
  }
]

const question = document.getElementById("question");
const choices = Array.from(document.getElementsByClassName("choice-text"));
const progressText = document.getElementById('progressText');
const scoreText = document.getElementById('score');
const progressBarFull = document.getElementById('progressBarFull');
const loader = document.getElementById('loader');
const qImg = document.getElementById("qImg");
let currentQuestion = {};
let acceptingAnswers = true;
let score = 0;
let questionCounter = 0;
let availableQuestions = [];

let questions = [];

fetch("questions.json")
  .then(res => {
    return res.json();
  })
  .then(loadedQuestions => {
    console.log(loadedQuestions);
    questions = loadedQuestions;
    startGame();
  })
  .catch(err => {
    console.error(err);
  });

qImg.innerHTML = "<img src="+ question.imgSrc +">"; // Тут проблема

//CONSTANTS
const CORRECT_BONUS = 10;
const MAX_QUESTIONS = 3;



startGame = () => {
  questionCounter = 0;
  score = 0;
  availableQuestions = [...questions];
  getNewQuestion();
  game.classList.remove('hidden');
  loader.classList.add('hidden');
};

javascript
  • 1 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5