• ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

  • Similar Content

    • By daggi
      Всем привет.
      При клике (добавляю active к label) делает активными все элементы, а не текущий? Как быть?
       
      $(document).on('change', '.compare-control', function(){ var id = $(this).val(); var url = '/?action=DELETE_FROM_COMPARE_LIST&ajax_action=Y&id='+id; if ($(this).prop('checked')) { url = '/?action=ADD_TO_COMPARE_LIST&ajax_action=Y&id='+id; } $.get(url, function() { BX.onCustomEvent('OnCompareChange'); }); // здесь беда!!!при клике на элемент, делает элементы все активными, а не текущий. if($('.catalog-content-main-item-top-fav').hasClass('active')) { $('.catalog-content-main-item-top-fav').removeClass('active'); }else{ $('.catalog-content-main-item-top-fav').addClass("active"); } }); BX.addCustomEvent('onCatalogDeleteCompare', function(id) { $('.compare-control[value="'+id+'"]').prop('checked', false); }); Код html:
      <label class="catalog-content-main-item-top-fav <?= array_key_exists($arItem['ID'], $_SESSION["CATALOG_COMPARE_LIST"][5]['ITEMS'])?'active':''?>" > <input onclick="function f(e) { e.preventDefault();}" style="display: none" type="checkbox" value="<?=$arItem['ID'];?>" class="compare-control" <? if(isset($_SESSION['CATALOG_COMPARE_LIST']['5']['ITEMS'][$arItem['ID']])):?> checked="checked" <? endif;?>> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12.2536 19.2043L12 19.055L11.7464 19.2043L5.28009 23.0103L6.73156 15.3278L6.78144 15.0638L6.58881 14.8765L1.09502 9.53481L8.50172 8.61114L8.7836 8.57598L8.89772 8.31586L12 1.24455L15.1023 8.31586L15.2164 8.57598L15.4983 8.61114L22.905 9.53481L17.4112 14.8765L17.2186 15.0638L17.2684 15.3278L18.7199 23.0103L12.2536 19.2043Z" fill="white" stroke="#E09B3D"/> </svg> </label> а этот код срабатывает только после перезагрузки страницы:  <?= array_key_exists($arItem['ID'], $_SESSION["CATALOG_COMPARE_LIST"][5]['ITEMS'])?'active':''?>
       
    • By dron
      Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю.
      Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок...
      <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr> <td>Поле 3 еще шире чем поле 1 и 2</td> </tr> <tr> <td>Тестируем поле 4, которое воообще широкое</td> </tr> <tr> <th>100008 руб</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 2, таблица 2, таблица 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2</td> </tr> <tr> <td>Поле 3</td> </tr> <tr> <td>Поле 4</td> </tr> <tr> <td>А тут есть еще поле 4</td> </tr> <tr> <td>А еще поле 6, которое шире других</td> </tr> <tr> <th>12 000 ₽</th> </tr> </tbody> </table> </div> <div class="uk-card uk-card-default uk-margin-left"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>А тут таблица номер 3</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Широкое поле 2 из таблицы 3</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 1</td> </tr> <tr> <th>9 000 ₽</th> </tr> </tbody> </table> </div> </div>
      И как на зло не могу ничего найти подходящего уже готового. Ни в шаблонах на Uikit, ни в документации... Кто-то верстал Pricing Table на Uikit 3? Можете помочь, показать свой код?

      Заранее спасибо!

  • Member Statistics

    46,609
    Total Members
    3,128
    Most Online
    Natalie
    Newest Member
    Natalie
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • У меня выводится списком несколько элементов и при нажатии на кнопку "Проверить", к некоторым строкам добавляется класс .shake. Красные строки трясутся, короче говоря. https://codepen.io/webref/pen/ZEYmPPm По задумке, класс .shake после завершения анимации должен убираться, чтобы каждый раз при нажатии на кнопку происходила анимация. Для этого элементам массива присваиваю false. @animationend="animated[index] = false" К сожалению, класс shake так не убирается. Что посоветуете? Как мне убрать класс .shake после завершения анимации?
    • 1. Думаю, у вас начало съезжать, когда вы присвоили обтекание картинкам. Дело в том, что обтекаемые элементы получают свой контекст и выпадают потока. Один из способов исправления - присвоить содержащему элементу overflow: hidden; Уж не знаю почему так. 2. Почему-то у вас внутри нумерованного списка ol все что угодно, но не элементы li. Потому нет нумерации. Я так и не понял. как именно там было задумано
    • Попросите заказчика связаться с дизайнером и решить вопрос с сеткой.
  • Popular Contributors