主页 / user-360947

Oiki's questions

Martin Hope
Oiki
Asked: 2022-03-05 06:10:46 +0000 UTC
  • 0

我有一个页面，其中有一个带有不同复选框的块，有时我需要重置复选框，我决定不查找所有已启用的复选框并且不取消选中复选框，您可以简单地重新加载页面。

我以为我需要一个点击按钮来重新加载页面但我不明白如何编写代码，我唯一能做的就是添加一个按钮

document.querySelectorAll('.woosb-products').forEach(n => {
  n.insertAdjacentHTML('afterend', '<button id="my_s" >click me</button>');
});

但是如何在点击时重新加载页面，.....我想不通，我不明白，谷歌搜索没有帮助我，找到的例子不起作用..

如何在点击时重新加载页面完全弄清楚

document.querySelectorAll('.woosb-products').forEach(n => {
  n.insertAdjacentHTML('afterend','<button id="something" >Перезагрузить</button>');
});
$('#something').click(function() { location.reload();
});

...以及如何仅重新加载 class="myDiv" 块而不完全重新加载页面-如果可能的话...？
通过点击...

javascript
Martin Hope
Oiki
Asked: 2022-03-03 05:57:50 +0000 UTC
  • 0

我有一个构造https://jsfiddle.net/profy/nh6omc4k/65/

<div class="woosb_r">
.....
</div>
<div class="woosb_r">
.....
</div>

单击一个元素以添加/更改整个父级的类以及深入地更改邻居的类是必要的，并且单击另一个元素时，必须按原样返回所有内容（删除/更改类）

我用了

$(".woosb_r").on('click', '.woosb-qty-input-plus', function () {
    $('.woosb_r, .woosb-price-ori').addClass('edited');
});

$(".woosb_r").on('click', '.woosb-qty-input-minus', function () {
    $('.woosb_r, .woosb-price-ori').removeClass('edited');
});

所有woosb_r都没有添加样式，我只需要点击发生的地方，如何解决？

在这里，结果可能更清楚了https://jsfiddle.net/profy/nh6omc4k/65/

javascript
Martin Hope
Oiki
Asked: 2022-02-28 06:29:21 +0000 UTC
  • 1

我有

<div class="sl-ide">
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
ТАКИХ БЛОКОВ МНОГО
         <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
        <div class="itek"></div>
    </div>

我将这些脚本分组到具有不同编号
选项 1的不同块中

let items = $(".sl-ide");
items.slice(0,5).wrapAll('<div class="red">');     
items.slice(5,8).wrapAll('<div class="red">');
items.slice(8,10).wrapAll('<div class="red">');
а таких строк много

我认为重复这句话五次……十次是愚蠢的……


选项 2
或这里是另一个选项，但它长了几行

const items = [...document.querySelectorAll('.itek')];
const sections = [[0, 5], [5, 8], [8, 10]];

sections.forEach((section, i) => {
  const div = document.createElement('div');
  div.className = `div${i}`;
  document.querySelector('.sl-ide').append(div);
  div.append(...items.slice(...section));
});

我需要为块组设置相同的包装器（样式），我对 div.className = `div${i}`; 为每个组设置单独样式的行感兴趣，我编写div.className = `mydivstyle`; 并得到我需要的东西 - 所有组的样式相同......
但是
也许有一个更简单的解决方案——类似的东西（这不起作用）

items.slice [[0, 5], [5, 8], [8, 10]].wrapAll('<div class="mydivstyle">');

这样它就可以在“全局”div中运行<div class="sl-ide">

javascript
Martin Hope
Oiki
Asked: 2022-02-25 05:07:39 +0000 UTC
  • 0

我有：

<div id="2" class="slider">
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
</div>

他们有一百多个。我将我的 div 包装在不同数量的不同组中。

const items = [...document.querySelectorAll('.wow-ggg')];

const div1 = document.createElement('div');
div1.classList.add('test');
document.body.append(div1); // вставляем див, куда нужно
div1.append(...items.slice(0, 5));

const div2 = document.createElement('div');
div2.classList.add('test');
document.body.append(div2); // вставляем див, куда нужно
div2.append(...items.slice(5, 10));

..... 等等

它有效但我需要它留在我的 id="2" class="slider"

<div id="2" class="slider">
    ..... чтобы это все здесь и оставалось и непермещалось никуда
</div>
javascript
Martin Hope
Oiki
Asked: 2022-02-25 04:20:55 +0000 UTC
  • 1

我有：

<div id="slider" class="slider">
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
    <div class="wow-ggg"></div>
</div>

他们有<div class="wow-ggg"></div>一百多个。我需要将它们以不同数量的不同组包装在我的 div 中。

为此，我想使用：

const items = [...document.querySelectorAll('.item')];

const div1 = document.createElement('div');
document.body.append(div1); // вставляем див, куда нужно
div1.append(...items.slice(0, 5));

const div2 = document.createElement('div');
document.body.append(div2); // вставляем див, куда нужно
div2.append(...items.slice(5, 10));

..... 等等

但它适用于没有 DASH 的类。也就是说，对于.item，并且我有一个类.wow-item，即 由于这个“连字符”，一切都中断了。如何处理？

如何使脚本适应我的 html？

javascript
Martin Hope
Oiki
Asked: 2022-02-23 06:24:15 +0000 UTC
  • 2
имею
<div id="slider2" class="slider1">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
         <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>

таких <div class="item"></div> более сотни

С помощью 

  $('.item').attr('id', function(index) { return (index + 1); })

задаю каждому **item** свой **id**

Вопрос
как мне обернуть в каждый свой див элементы 
с 1 по 5 (например)
с 6 по тридцатый 
с 31 по 60 
и так далее
60 -100

((так чтоб не перечислять id=1, id=2, id=3 и т.д.))
javascript
Martin Hope
Oiki
Asked: 2022-02-18 03:58:20 +0000 UTC
  • 0

我有一个带有 WooCommerce 的 WordPress 网站。我想在产品卡片的页面底部粘贴一个购买按钮。我认为你可以用一个钩子来做到这一点，显示按钮的副本并使用 css 将 BUTTON 粘贴在底部。使用这个

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_add_to_cart', 20);

但没有出现重复，

这会在产品列表中显示一个按钮，但在产品卡中是必需的

add_action( 'after_setup_theme', 'lets_add_cart_button' );
function lets_add_cart_button() {
  add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );
}

有人能告诉我如何显示双倍的购买按钮吗？（连同价格可能）（仅在产品卡中）

wordpress
Martin Hope
Oiki
Asked: 2020-02-13 06:05:13 +0000 UTC
  • 1

我有这个标记，我不能改变它：

<ul class="products columns-4">
   <li class="product-category product first">	 </li>
   <li class="product-category product"> </li>

   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
   <li class="product type-product"> </li>
</ul>

所有块一个接一个（即连续）。块product-category， product type-product 可以是不同的数字。

如何使带有类的块product type-product在新行上开始？

css
Martin Hope
Oiki
Asked: 2020-11-25 06:12:14 +0000 UTC
  • 1

我有这样的物品

  • 红色(5)
  • 蓝色(0)
  • 黑色(4)

我只有一个依赖项，这些是第 4、14 和 23 行

<div class="oiu">
<ul class="woof_list woof_list_checkbox">                     
  <li class="woof_term_37 ">
  <div class="icheckbox_flat-blue" >
  <input type="checkbox" id="woof_37_5ddabd90b31f1" class="woof_checkbox_term woof_checkbox_term_37" data-tax="pa_zvet" name="asdf" data-term-id="37" value="37" style="position: absolute; opacity: 0;">
  <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
  </div>
  <label class="woof_checkbox_label " for="woof_37_5ddabd90b31f1">Красный<span class="woof_checkbox_count">(5)</span>
  </label>
  <input type="hidden" value="Красный" data-anchor="woof_n_pa_zvet_red">
  </li>

  <li class="woof_term_35 " >
  <div class="icheckbox_flat-blue disabled" style="position: relative;">
  <input type="checkbox" disabled="" id="woof_35_5ddabd90b4de9" class="woof_checkbox_term woof_checkbox_term_35" data-tax="pa_zvet" name="qwer" data-term-id="35" value="35" style="position: absolute; opacity: 0;">
  <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
  </div>
  <label class="woof_checkbox_label " for="woof_35_5ddabd90b4de9">Синий<span class="woof_checkbox_count">(0)</span>
  </label>
  <input type="hidden" value="Синий" data-anchor="woof_n_pa_zvet_blue">
  </li>
  <li class="woof_term_38 ">
  <div class="icheckbox_flat-blue" style="position: relative;">
  <input type="checkbox" id="woof_38_5ddabd90b541b" class="woof_checkbox_term woof_checkbox_term_38" data-tax="pa_zvet" name="zxcvv" data-term-id="38" value="38" style="position: absolute; opacity: 0;">
  <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
  </div>
  <label class="woof_checkbox_label " for="woof_38_5ddabd90b541b">Черный<span class="woof_checkbox_count">(4)</span>
  </label>
  <input type="hidden" value="Черный" data-anchor="woof_n_pa_zvet_black">
  </li>
</ul>
</div>


<style>
.icheckbox_flat-blue {
        width: 25px;
    height: 25px;    
}
</style>

或在这里 - https://jsfiddle.net/gkan10qr/20/ https://jsfiddle.net/gkan10qr/21/

我们有不同name=的，即 我们有几个name=

  • 名称="qwer"
  • 名称="asdf"
  • 名称="zxcv"

需要女主角

    <div class="icheckbox_flat-blue" >

根据嵌套的 INPUT 添加类以获取

    <div class="icheckbox_flat-blue new-style" >

能够应用样式，例如

    .icheckbox_flat-blue.new-style {
          background: #F44336;   
    }
    .icheckbox_flat-blue.asdf {
          background: #F44336;   
    }
    .icheckbox_flat-blue.qwer {
         background: #333;  
    }
    .icheckbox_flat-blue.zxcv {
           background: #4CAF50;    
    }
javascript