主页 / user-274052

Alex's questions

Martin Hope
Alex
Asked: 2022-08-08 16:29:00 +0000 UTC
  • 0

请告知如何实施。有一个 Song 模型（类似于经典的 Post）。它为歌曲的主要文本添加了一个字段。如果这首歌是外国的（应该有某种拨动开关），那么应该出现一个翻译这首歌的字段。如何在 Laravel 中实现这样的功能？应额外 歌曲字段要立即在数据库中创建还是以某种方式动态完成？也许您需要创建不同的模型？

laravel model
Martin Hope
Alex
Asked: 2022-07-13 15:40:53 +0000 UTC
  • 0

有一个按钮在 JS 变量中有一个链接。我怎样才能做到这一点，当您单击它时，链接会在当前选项卡内打开，并且当您按住 key 时ctrl，会发生 target="_blank" ？

$(".button").mouseup(function() {
  var currLink = 'https://site.ru/';
  window.location = currLink;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="button">Кнопка</button>

html
Martin Hope
Alex
Asked: 2022-04-29 12:41:27 +0000 UTC
  • 2

span根据给定的js代码，如何在动态插入之前将两者包装在一个div中？

    const left = document.querySelectorAll('.left-col span');
    const right = document.querySelectorAll('.right-col span');

    const rightCol = document.querySelector('.right-col');
    const leftCol = document.querySelector('.left-col');
    const leftColP = document.querySelector('.right-col');

    left.forEach((e, i) => {
      leftColP.appendChild(e);
      leftColP.appendChild(right[i]);
    });

    leftCol.remove();
span {
  display: block;
}
<div class="row">
  <div class="left-col col">
    <span>1 line of the left block</span>
    <span>2 line of the left block</span>
    <span>3 line of the left block</span>
    <span>4 line of the left block</span>
  </div>
  <div class="right-col col">
    <span>1 line of the right block</span>
    <span>2 line of the right block</span>
    <span>3 line of the right block</span>
    <span>4 line of the right block</span>
  </div>
</div>

javascript
Martin Hope
Alex
Asked: 2022-04-28 15:35:24 +0000 UTC
  • 2

如何将两列文本合并为一列，使其看起来像这样：

 <div class="right-col col">
   <span>1 строчка левого столбца</span>
   <span>1 строчка правого столбца</span>
   <span>2 строчка левого столбца</span>
   <span>2 строчка правого столбца</span>
   <span>3 строчка левого столбца</span>
   <span>3 строчка правого столбца</span>
   <span>4 строчка левого столбца</span>
   <span>4 строчка правого столбца</span>
</div>

行内span也可以有标签 ，应该保留。

.row {
  display: flex;
}
.left-col {
  background-color: red;
}
.right-col {
  background-color: orange;
}
 span {
 display: block;
 }
 .col {
  padding: 10px;
 }
<div class="row">
  <div class="left-col col">
    <span>1 строчка левого блока</span>
    <span>2 строчка левого блока</span>
    <span>3 строчка левого блока</span>
    <span>4 строчка левого блока</span>
  </div>
  <div class="right-col col">
    <span>1 строчка правого блока</span>
    <span>2 строчка правого блока</span>
    <span>3 строчка правого блока</span>
    <span>4 строчка правого блока</span>    
  </div>
</div>

javascript
Martin Hope
Alex
Asked: 2022-03-23 00:19:14 +0000 UTC
  • 3

在它们内部有两个对称的块 - 每个都有很大的跨度 - 来自新的一行。我怎样才能使它悬停在任何跨度上时，将悬停的类设置为它并且跨度与其对称？

.col {
  background: #e5e5e5;
  width: 45%;
  display: inline-block;
}
span {
  display: block;
}
.hovered {
  background: red;
}
<div class="left-part col">
  <span>Слово 1</span>
  <span>Слово 2</span>
  <span>Слово 3</span>
  <span>Слово 4</span>
  <span>Слово 5</span>
  <span>Слово 6</span>
</div>
<div class="right-part col">
  <span>Слово 1</span>
  <span>Слово 2</span>
  <span>Слово 3</span>
  <span>Слово 4</span>
  <span>Слово 5</span>
  <span>Слово 6</span>
</div>

javascript
Martin Hope
Alex
Asked: 2022-08-06 21:44:38 +0000 UTC
  • 0

对多维数组进行排序后

$brands = Array (
            [0] => Array
                (
                    [id] => 32
                    [brand] => Samsung
                )
        
            [1] => Array
                (
                    [id] => 33
                    [brand] => LG
                )
)

关于使用的键值array_filter

$arr = array_filter($brandId_page, function($ar) {
        return ($ar['brand'] == 'Samsung');
});

我在数组中得到一个数组：

Array
(
    [1] => Array
        (
            [id] => 32
            [brand] => Samsung
        )

)

如何正确获取上次构造的 id 值？

php
Martin Hope
Alex
Asked: 2022-07-26 15:36:37 +0000 UTC
  • 1

告诉我如何计算div.item每个单独的块中的块数，如果其中的块数超过 3 块，则div.content添加div.content一个类？div.item

<div class="content">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>
<div class="content">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>
<div class="content">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

javascript
Martin Hope
Alex
Asked: 2022-07-03 02:30:36 +0000 UTC
  • 1

如何通过单击具有 .button 类的按钮将执行此脚本的时间推迟相同的数量？

function myFeed() {
    
    if(/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
      (function(w, d, n, s, t) {
        w[n] = w[n] || [];
        w[n].push(function() {
          Ya.Context.AdvManager.render({
            blockId: "R-A-9999-9"",
            renderTo: "yandex_rtb_R-A-9999-9",
            async: true
          });
        });
        t = d.getElementsByTagName("script")[0];
        s = d.createElement("script");
        s.type = "text/javascript";
        s.src = "//an.yandex.ru/system/context.js";
        s.async = true;
        t.parentNode.insertBefore(s, t);
      })(this, this.document, "yandexContextAsyncCallbacks");
    }
  }
  setTimeout(function(){
    myFeed();

  },5000)

javascript
Martin Hope
Alex
Asked: 2022-04-26 15:58:27 +0000 UTC
  • 0

数组中引用了三个文件$urls。在下面代码的循环中，links.xml仅写入其中一个文件。告诉我如何解决这种情况？

<?
preg_match_all("/(https\:\/\/www\.ikea\.com\/sitemaps\/prod-ru-RU\_[\d]+\.xml)/", 
file_get_contents('https://www.ikea.com/sitemaps/sitemap.xml'), $urls);

$file = 'links.xml';

foreach ($urls[0] as $url) {
    $threeFile = file_get_contents($url);
    file_put_contents($file, $threeFile);
}
?>
php
Martin Hope
Alex
Asked: 2022-04-06 04:14:51 +0000 UTC
  • 2

如何分别捕获текст/src并ссылке/изображении通过分隔符插入接收到的值，根据模板新建一个div <div>текст~src</div>，删除旧代码。

<div class="wrapper">
  <div class="item">
    <img src="/img/img1.png" class="img">
    <a class="link">Текст 1</a>
  </div>
    <div class="item">
    <img src="/img/img2.png" class="img">
    <a class="link">Текст 2</a>
  </div>
    <div class="item">
    <img src="/img/img3.png" class="img">
    <a class="link">Текст 3</a>
  </div>
</div>

javascript
Martin Hope
Alex
Asked: 2022-04-03 08:36:11 +0000 UTC
  • 1

如何将标签中的链接传递a给通过追加创建的相应新链接？

let heading = document.querySelectorAll(".heading");
let map = new Map();
for (let i = 0; i < heading.length; ++i) {
    let a = heading[i].querySelectorAll("a");
    let groupName = a[0].textContent.trim();
    for (let j = 1; j < a.length; ++j) {
        let companyName = a[j].textContent.trim();
        let href = a[j].href;
        let companyGroups = map.get(companyName);
        if (companyGroups) companyGroups.push({ groupName, href });
        else map.set(companyName, [{ groupName, href }]);
    }
}

let compare = (new Intl.Collator("ru")).compare;
let ul = document.createElement("ul");
ul.className = "some-style";
let companies = Array.from(map.keys()).sort(compare);
for (let companyName of companies) {
    let li = document.createElement("li");
    let a = document.createElement("a");
    a.textContent = companyName;
    li.append(a);
    
    let li_ul = document.createElement("ul");
    let companyGroups = map.get(companyName).sort(compare);
    for (let groupName of companyGroups) {
        let li = document.createElement("li");
        let a = document.createElement("a");
        a.textContent = groupName;
        li.append(a);
        li_ul.append(li);
    }
    li.append(li_ul);
    
    ul.append(li);
}

document.querySelector('.input').append(ul);
.some-style {
    background-color: silver;
    border: 1px solid black;
}
.hide {
  display: none;
}
<div class="input"><div>
<ul class="hide">
  <li class="heading"><a href="google.com/samsung">Телевизоры</a>   
     <ul>
       <li><a href="google.com/samsung" href="google.com/samsung">Samsung</a></li>
       <li><a href="google.com/samsung" href="google.com/samsung">Lenovo</a></li>
     </ul>
  </li>
  <li class="heading"><a href="google.com/samsung">Планшеты</a>   
     <ul>
       <li><a href="google.com/lenovo-03">Lenovo</a></li>
       <li><a href="google.com/samsung">Samsung</a></li>
       <li><a href="google.com/acer-43">Acer</a></li>
     </ul>
   </li>
  <li class="heading"><a>Ноутбуки</a>     
     <ul>
       <li><a href="google.com/lenovo-83">Lenovo</a></li>
       <li><a href="google.com/samsung-323">Samsung</a></li>
       <li><a href="google.com/acer-021">Acer</a></li>
     </ul>
  </li>
</ul>

javascript
Martin Hope
Alex
Asked: 2022-04-03 02:06:10 +0000 UTC
  • -2

以下结构中有大量项目：

  • 笔记本
    -- 宏碁
    -- 三星
    -- 联想

  • 平板电脑
    -- 宏碁
    -- 三星
    -- 联想

  • 电视
    -- 宏碁
    -- 三星
    -- 联想

如何使用 JS 在类别输出模块中显示类别，以便视图如下所示：

  • 三星：
    -- 电视
    -- 笔记本电脑
    -- 平板电脑
  • 宏碁
    --电视--笔记本 --
    平板
    电脑
  • 联想
    -- 电视
    -- 笔记本电脑 --
    平板电脑

<ul>
  <li class="heading"><a>Ноутбуки</a></li>
  <li>      
     <ul>
       <li><a>Acer</a></li>
       <li><a>Samsung</a></li>
       <li><a>Lenovo</a></li>
     </ul>
  </li>
</ul>

<ul>
  <li class="heading"><a>Ноутбуки</a></li>
  <li>      
     <ul>
       <li><a>Acer</a></li>
       <li><a>Samsung</a></li>
       <li><a>Lenovo</a></li>
     </ul>
   </li>
</ul>

<ul>
  <li class="heading"><a>Планшеты</a></li>
  <li>      
     <ul>
       <li><a>Acer</a></li>
       <li><a>Samsung</a></li>
       <li><a>Lenovo</a></li>
     </ul>
  </li>
</ul>

javascript
Martin Hope
Alex
Asked: 2022-03-14 10:04:30 +0000 UTC
  • 1

如何show在点击输入到其类与输入'a id匹配的块上设置类？

.click1, .click2 {
  display: none;
}
label {
display: block;
}
<label>
  <input id="click1" type="radio" name="group">
  <span>Кликни по мне</span>
</label>
<label>
  <input id="click2" type="radio"  name="group">
  <span>Или по мне</span>
</label>

<div class="click1">Это - Click1</div>
<div class="click2">Это - Click2</div>

javascript
Martin Hope
Alex
Asked: 2021-12-24 17:29:09 +0000 UTC
  • 1

如何在用户上传文件时禁用自动播放？

jQuery(document).ready(function($) {
    
$('.slider').slick({
        dots: true,
        arrows: false,
        slidesToShow:1,
    autoplay: true,
   });
});
.slide-s {

background: orange;
min-height: 100;
text-align: center;

}
.slide-s:nth-child(2) {
   background: red;
}
.slide-s:nth-child(3) {
   background: red;
}
<div class="slider">
   <div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
    <div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
    <div class="slide-s">Выберите и отправьте файл:<br><input type="file"></div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css" rel="stylesheet"/>

javascript
Martin Hope
Alex
Asked: 2021-12-15 00:33:01 +0000 UTC
  • 1

任务是为块中任意位置active的<div class="item">任何单击添加一个类.item。在这种情况下，主要困难在于该类仅适用于特定的.item.

我试图用这个脚本解决问题：

    $('.item').mouseup(function (e) {
    var container = $('.item');
    if (container.has(e.target).length === 0){
        container.removeClass('active');
    }
    });
.item {
  width: 100px;
  height: 100px;
}
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

javascript