主页 / user-589837

maindenis's questions

Martin Hope
maindenis
Asked: 2025-01-10 01:22:17 +0800 CST
  • 7

这是布局 在此输入图像描述

这就是我的方式 在此输入图像描述

这是 HTML

.thumbnails {
  display: flex;
  flex-wrap: wrap;
}

.thumb {
  display: flex;
  width: 50%;
  background: #E4E7F6;
}

.thumb:nth-child(odd) {
  background: #fff;
}
<div class="thumbnails">
  <div class="thumb">
    <o>Текст</o>
  </div>
  <div class="thumb">
    <o>Текст</o>
  </div>
  <div class="thumb">
    <o>Текст</o>
  </div>
  <div class="thumb">
    <o>Текст</o>
  </div>
  <div class="thumb">
    <o>Текст</o>
  </div>
  <div class="thumb">
    <o>Текст</o>
  </div>
</div>

您需要按照布局分配颜色。如何做到这一点？

javascript
Martin Hope
maindenis
Asked: 2024-12-04 02:32:10 +0800 CST
  • 5

有这样的js

$('a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        var hrefAttr = $(this).attr("href");
        parent = $(this).closest("ul");
        parent.find("a").removeClass("active");
        $(this).addClass("active");
        if($(hrefAttr).length == 0) {
            location.href='/'+hrefAttr;
        } else {
            if( hrefAttr.length > 0 && hrefAttr != "#") {
                $('html, body').stop().animate({
                    'scrollTop': $(hrefAttr).offset().top-10
                }, 500);
            }
        }
    });

如果 $(hrefAttr) 元素丢失，则需要转到 location.href='/'+hrefAttr 并滚动到 $(hrefAttr)。滚动良好。但当你点击这个链接时

<a href="#" data-popup-link="callback">Заказать звонок</a>

给出一个错误

jquery.js?ver=1.0:1586 Uncaught Error: Syntax error, unrecognized expression: #

这就是该表格效果不佳的原因。

如何解决这个问题？

javascript
Martin Hope
maindenis
Asked: 2024-10-24 01:56:53 +0800 CST
  • 3

有两个数组

var_dump($postsIdNewsArr);
array(2) { [0]=> int(243) [1]=> int(219) }

var_dump($postsIdArticlesArr);
array(2) { [0]=> int(242) [1]=> int(202) }

你需要得到一个像这样的数组

[243,242,219,202]

这是在 WordPress 中显示两种类型的帖子所必需的。如何做到这一点？

php
Martin Hope
maindenis
Asked: 2024-05-26 06:10:05 +0800 CST
  • 5

有一个任务。任何低于 480 像素的内容都应按比例缩小。我正在考虑通过视口来做到这一点。这是我的帽子。我还使用这个脚本'Conditional meta viewport'。不起作用。

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="style.css">
<title>My Crane</title>
<script>
/*
     * Paste into the end <head>
     */
    (function(){
    var width = screen.width;
    var oldViewport = document.querySelector('meta[name="viewport"]');
    var viewport = document.createElement('meta');
    viewport.setAttribute('name', 'viewport');
    viewport.setAttribute('content', 'width=' + (width <= 480 ? '480' : 'device-width'));
    document.head.replaceChild(viewport, oldViewport);
})();
    </script>
</head>

这是您需要执行的页面的链接。帮助解决这个问题。

javascript
Martin Hope
maindenis
Asked: 2024-04-28 05:32:02 +0800 CST
  • 5

这是 HTML

    <div class="radios">
        <label class="step_radio">
            <input class="step_1" type="radio" name="step_1" />
        </label>
        <label class="step_radio">
            <input class="step_1" type="radio" name="step_1" />
        </label>
        <label class="step_radio">
            <input class="step_1" type="radio" name="step_1" />
        </label>
    </div>
   <button type="submit" class="submitQuiz">Отправить</button>

这是JS

$(".submitQuiz").on("click", function (event) {
    event.preventDefault();
    $('.step_1').each(function() {
        if($(this).prop("checked") == true) {
          step1 = $(this).index(this);
          console.log(step1);
        }
    });
});

当您单击“提交测验”时，您需要显示所选单选按钮的索引。但它总是只输出0。如何确定索引？

javascript
Martin Hope
maindenis
Asked: 2024-04-20 04:42:57 +0800 CST
  • 5

这是 HTML

$(".checkbox_3 input").on( "change", function() {
  templ = "";
  parent = $(this).closest(".checkboxes_wrapp");
  parent.find(".checkbox_3").each(function() {
    input = $(this).find("input");
    if(input.prop("checked") == true) {
      templ += input.val() +" ";
    }
    console.log(templ);
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="checkboxes_wrapp">
  <div>
    <label class="checkbox_3">
      <input value="All Countries" type="checkbox" />
      <span>All Countries</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Afganistan" type="checkbox" />
      <span>Afganistan</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Algeria</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Angola</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Argentina</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Armenia</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Bahrain</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Barbados</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Country</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Country</span>
    </label>
  </div>
  <div>
    <label class="checkbox_3">
      <input value="Algeria" type="checkbox" />
      <span>Country</span>
    </label>
  </div>
</div>

有必要在单击某个复选框时，将所有选中的复选框的值按照选中的顺序写入到 templ 变量中。每个单词之间用空格或逗号分隔。怎么做？

javascript
Martin Hope
maindenis
Asked: 2024-04-12 08:12:20 +0800 CST
  • 5

这是 HTML

<div class="inlines_pills">
    <a href="#" class="transparent_pill">Delete</a>
    <a href="#" class="transparent_pill">Edit</a>
    <a href="#" class="transparent_pill">Cancel Edit</a>
</div>

<div class="inlines_pills">
    <a href="#" class="transparent_pill">Edit</a>
    <a href="#" class="transparent_pill">Delete</a>
</div>

这是CSS

.inlines_pills {
 display: flex;
}

这是布局

在此输入图像描述

在此输入图像描述

没有布局怎么布局？

html
Martin Hope
maindenis
Asked: 2024-04-11 06:06:55 +0800 CST
  • 4

当您单击“打开”按钮时，dr_content 下拉列表不应退出，并且按钮上的单击事件应触发。如果他们点击 dr_title 那么 dr_content 就会退出。我在 JS 中找不到错误。

$(".dr_title *").on("click", function(e) {
    countPills = $(this).closest(".inlines_pills").length;
    console.log(countPills);
    if(countPills >= 1) {
        e.preventDefault();
    } else {
        parent = $(this).closest(".dr_item");
        sl = parent.find(".dr_content");
        if(sl.is(":hidden")) {
            parent.addClass("active");
            sl.slideDown(300);
        } else {               
            sl.slideUp(300);
            setTimeout(function() {
              parent.removeClass("active");
            },500);
        }
    }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="dr_title">
    <div class="inlines_pills">
        <a href="#" class="transparent_pill">Open</a>
    </div>
</div>
<div class="dr_content">
    <p>partnersTrafficPrice</p>
</div>

javascript