Проблема логики множественного оператора If

Question

Я довольно новичок в jQuery, и у меня есть небольшая проблема с некоторой логикой jQuery, которую я делаю, поэтому я включил код ниже.У меня есть первый оператор if, проверяющий разрешение экрана, 2-й оператор if, проверяющий количество элементов списка и выполняемый только при значении 1 или более, и последний оператор if, удостоверяющийся, что только 1 экземпляр приложения работает, поскольку он находится внутри.в запросе AJAX возникли проблемы с выводом нескольких экземпляров.

Есть предложения, где я ошибся?Любая помощь будет отличной, спасибо:)

HTML:

<ul class="swatches color clearfix">
    <li class="selectable">
        <span class="swatchanchor js-swatchanchor js-colorswatch">
            List Item 1
        </span>
    </li>

    <li class="selectable">
        <span class="swatchanchor js-swatchanchor js-colorswatch">
            List Item 2
        </span>
    </li>
</ul>

jQuery

if($(window).width() >= 1358){
    var $lis = $('ul.swatches.color li');
    var $jsColorMsgCheck = $('.jsColorMsgError');



    if ($lis.length > 1) {
      if ($jsColorMsgCheck.length) {
        $(".swatches.color").parent().append($('<div class="jsColorMsgError">PLEASE SELECT A COLOUR</div>'));
      }
    }
}

Answer 1

Если я правильно понял логику, которую вы пытаетесь сделать, есть две вещи, которые вы могли ошибиться:

1)

2-й оператор if проверяет, какмногие элементы списка существуют и запускаются только если 1 или более

Чтобы проверить 1 или более, ваш if должен быть

if ($lis.length >= 1) {

, поскольку $lis.length > 1 будет 2 или более.

2)

последний оператор if, удостоверяющий, что только 1 экземпляр приложения

Если вы хотите выполнить код только при наличиинет .jsColorMsgError div, вы можете использовать

$jsColorMsgCheck.length == 0

Обновлен код ручки: https://codepen.io/anon/pen/QoyOYN?editors=1111