主页 / user-294541

ink Shio's questions

Martin Hope
ink Shio
Asked: 2020-07-09 20:39:56 +0000 UTC
  • 1

我不明白为什么它会这样工作。该块似乎正在缩小，并且它在缩小。但是一旦内容出现在块中，侧边栏就会飞下来。

下面是一个示例，如果您删除box__content中的文本，它可以正常工作，如果文本出现，它会中断。

.contain {
  max-width: 1000px;
  width: 100%;
  margin: 20px;
  background: #f5f5f7;
  margin: 0 auto;
}

.list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  padding: 20px;
  flex-wrap: wrap;
}
.list__content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  background: #e7eaef;
}
.list__sidebar {
  -webkit-box-flex: 0;
          flex: 0 1 23.07692%;
  min-width: 200px;
  background: #ccc;
}
.list__row {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
  background: #fff;
}

.box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
.box__item {
  -webkit-box-flex: 0;
          flex: 0 0 33.33333%;
}
<div class="contain">
  <div class="list">
    <div class="list__content">
      <div class="box">
        <div class="box__item">1
          <div class="box__content">gar r afa swfasdfas asfas da asdf s asd a dg sdfg </div>
        </div>
        <div class="box__item">2
          <div class="box__content">asdfas asda da sdgasdg asd asgasdf asdf  asg dh dg</div>
        </div>
        <div class="box__item">3
          <div class="box__content">as das asdgasd fsadf asd asfasd asdf asda agaga asd</div>
        </div>
        <div class="box__item">4</div>
        <div class="box__item">5</div>
        <div class="box__item">6</div>
      </div>
    </div>
    <div class="list__sidebar">sidebar</div>
    <div class="list__row">row</div>
  </div>
</div>

html
Martin Hope
ink Shio
Asked: 2020-05-05 04:44:42 +0000 UTC
  • 2

我制作了一个打开和关闭内容的按钮。我也这样做了，如果没有点击内容，内容块就会关闭。但问题是，如果点击在内容块之外，则通过关闭，“打开/关闭”按钮将停止关闭。我不明白问题是什么。

这里的例子：codepen

$(function() {
  var $togglers = $(".js-deps-popup");

  return $togglers.on("click", function() {
    var $this = $(this),
      $item = $this.next(".dep"),
      $active = $(".dep_show");

    $item.toggleClass("dep_show");
    return $active.removeClass("dep_show");
  });
});

$(function() {
  $(document).mouseup(function(e) {
    var $togglersPopup = $(".dep__popup");
    if (
      !$togglersPopup.is(e.target) &&
      $togglersPopup.has(e.target).length === 0
    ) {
      $(".dep").removeClass("dep_show");
    }
  });
});
body {
  font-size: 11px;
}

.deps__list {
  display: flex;
}
.deps__item {
  border: 1px solid;
  padding: 20px;
}

.dep__popup {
  display: none;
  padding: 10px;
  background: #f5f5f5;
  border: 1px solid;
}
.dep_show .dep__popup {
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="deps__list">
  <div class="deps__item">
    <button class="deps__menu js-deps-popup">
      <div class="additional-tool">открыть/закрыть блок</div>
    </button>
    <div class="dep">
      <div class="dep__content">
        <div class="dep__title"><span>block 1</span></div>
      </div>
      <div class="dep__popup">
        <ul>
          <li><a href="#">txt 1</a></li>
          <li><a href="#">txt 2</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="deps__item">
    <button class="deps__menu js-deps-popup">
      <div class="additional-tool">открыть/закрыть блок</div>
    </button>
    <div class="dep">
      <div class="dep__content">
        <div class="dep__title"><span>block 2</span></div>
      </div>
      <div class="dep__popup">
        <ul>
          <li><a href="#">txt 1</a></li>
          <li><a href="#">txt 2</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="deps__item">
    <button class="deps__menu js-deps-popup">
      <div class="additional-tool">открыть/закрыть блок</div>
    </button>
    <div class="dep">
      <div class="dep__content">
        <div class="dep__title"><span>block 4</span></div>
      </div>
      <div class="dep__popup">
        <ul>
          <li><a href="#">txt 1</a></li>
          <li><a href="#">txt 2</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="deps__item">
    <button class="deps__menu js-deps-popup">
      <div class="additional-tool">открыть/закрыть блок</div>
    </button>
    <div class="dep">
      <div class="dep__content">
        <div class="dep__title"><span>block 4</span></div>
      </div>
      <div class="dep__popup">
        <ul>
          <li><a href="#">txt 1</a></li>
          <li><a href="#">txt 2</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

javascript
Martin Hope
ink Shio
Asked: 2020-02-03 05:24:56 +0000 UTC
  • 0

按钮有这样的mixin

- var blocks={};

mixin set(key)
  - blocks[key] = this.block

mixin A(buttonClass, buttonText, disabled)
  button.button(class= buttonClass, disabled= disabled)
    span
      if block
        block
        - blocks.left()
        | #{buttonText}
        - blocks.right()
      else
        | #{buttonText}

+A("button_small button_filled", "Кнопка", false)
  +set('left')
    p l
  +set('right')
    p r

这个 mixin 有效，但效果不如我想的那么好。我不知道如何解决它。

这个想法是 set('left') 用于插入按钮，左侧的图标。+set('right') - 右边的图标

如果我写 +set('left') 和 +set('right') 作为例子，那么一切都好。但如果我写一件事，那就是一个错误。

https://codepen.io/inkshio/pen/YBVOMK

jade
Martin Hope
ink Shio
Asked: 2020-09-14 17:03:15 +0000 UTC
  • 0

有这样一个数组

Array
(
    [0] => Array
        (
            [content] => 12
            [id] => tab-about-1
            [name] => Описание 1
        )

    [1] => Array
        (
            [content] => 13
            [id] => tab-about-2
            [name] => Описание 2
        )

    [2] => Array
        (
            [content] => 14
            [id] => tab-service
            [name] => Описание 3
        )

    [3] => Array
        (
            [content] => 15
            [id] => tab-service-1
            [name] => Описание 4
        )
)

如何将其转换为：

Array
(
    [about] => Array
        (
            [0] => Array
                (
                    [content] => 12
                    [id] => tab-about-1
                    [name] => Описание 1
                )
            [1] => Array
                (
                    [content] => 13
                    [id] => tab-about-2
                    [name] => Описание 2
                )
        )

    [service] => Array
        (
            [0] => Array
                (
                    [content] => 14
                    [id] => tab-service
                    [name] => Описание 3
                )

            [1] => Array
                (
                    [content] => 15
                    [id] => tab-service-1
                    [name] => Описание 4
                )
        )
)

据我了解，您需要使用正则表达式过滤所有内容吗？

php
Martin Hope
ink Shio
Asked: 2020-07-24 21:25:01 +0000 UTC
  • 2

大家好。我在普希金诺市抓到一个像这样的 utm 标签 ?utm_term=Toys

接下来我有一个这样的数组

Array
(
    [0] => Array
        (
            [Message_ID] => 1
            [Title] => Пушкино
            [Morphy] => Пушкино // игрушки в Пушкино
            [Term] => пушкино // слова которые могу встретиться в utm_term
        )

    [1] => Array
        (
            [Message_ID] => 2
            [Title] => Броницы
            [Morphy] => Броницах // игрушки в Броницах
            [Term] => броницы,броницах // слова которые могу встретиться в utm_term
        )
    [2] => Array
        (
            [Message_ID] => 3
            [Title] => Воскресенск
            [Morphy] => Воскресенске // игрушки в Воскресенске
            [Term] => воскресенск,воскресенске // слова которые могу встретиться в utm_term
        )
)

utm_term 的本质是与 [Term] 中的内容进行比较，如果匹配，则显示 [Morphy]。

$UtmTerm = htmlspecialchars($_GET["utm_term"]); - ловим utm_term
$UtmTerm = mb_strtolower($UtmTerm); - привидом все нижний регистр
$UtmTermArray = explode(" ", $UtmTerm); - разбираем на массив

我得到一个数组（ [0] => Toys [1] => in [2] => city [2] => Pushkino）

foreach($var as $k => $v) {
   $res = array_intersect(explode(",", $v[Term]), $UtmTermArray); // сравниваем получившиеся массивы
   if (!empty($res)) {
       print_r($res);
   }
}

我得到 Array ( [1] => pushkino ) - 这是数组 [Term] 中的内容

但是我怎样才能不显示 [Term] 中的内容，而是显示 [Morphy] 中的内容，因为 在墨菲是一个倾斜的城市。

总的来说，也许我没有正确的方法来完成这项任务，你能告诉我怎么做，什么值得重做吗？

php