[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Выделить элемент фильтра
Sergey-911
Добрый день!
Есть сайт на Битрикс https://kpza.ru. На главной странице есть а-ля фильтр (см. приложенный скрин). Нужно подсветить его первый элемент, дабы пользователь понимал, что данные заголовки кликабельны.
Нашел компонент в Битриксе, который формирует данный элемент фильтра (или пресет):

<script>
//Здесь формируются элементы фильтра, первый из которых нужно выделить
$(document).ready(function() {
$( ".tyika-tyika" ).click(function() {
$('.btn-tyka-tyka').attr('href', '/wins/' + $( this ).data('code') + '/');
});
});
</script>

Это файл template.php в компоненте wins_main.
Попытался эмулировать событие клика через JavaScript:

<script type="text/javascript" async="false">
$(".d-tabs.js-tabs li:first").trigger('click');
</script>

В консоли браузере все отлично отрабатывает. А вот если данный скрипт помещаю в файл компонента, то ничего не происходит.
Полный код файла template.php:

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();
$this->setFrameMode(true);
?>



<script>

//Здесь формируются элементы фильтра, первый из которых нужно выделить
$(document).ready(function() {
$( ".tyika-tyika" ).click(function() {
$('.btn-tyka-tyka').attr('href', '/wins/' + $( this ).data('code') + '/');
});
});
</script>
<div
class="page-section">
<h2
class="d-tac">Нам уже удалось помочь многим, и мы не собираемся останавливаться на достигнутом</h2>
<div
class="subtitle d-tac fs_xl"><strong>Вот лишь некоторые из наших побед</strong></div>
<div
class="d-tabs js-tabs">
<nav
class="nav_tabs fs_sm d-tac d-ttu clr_gray d-hide_md">
<ul>
<?
$k = 0;?>
<?
foreach($arResult['ITEMS_RESULT'] as $key => $value):?>
<li
class="tyika-tyika" <?if($k == 0):?>class="current"<?endif;?> data-code="<?=$value['CODE']?>" data-href="tab<?=$key?>"><?=$value['NAME']?></li>
<?
$k++;?>
<?
endforeach;?>
</ul>
</nav>
<?
$f = 0;?>
<?
foreach($arResult['ITEMS_RESULT'] as $key => $value):?>
<?

$this->AddEditAction($arItem['ID'], $arItem['EDIT_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_EDIT"));
$this->AddDeleteAction($arItem['ID'], $arItem['DELETE_LINK'], CIBlock::GetArrayByID($arItem["IBLOCK_ID"], "ELEMENT_DELETE"), array("CONFIRM" => GetMessage('CT_BNL_ELEMENT_DELETE_CONFIRM')));
?>
<div
id="<?=$this->GetEditAreaId($arItem['ID']);?>" class="d-tabs__item <?if($f == 0):?>current<?endif;?>" data-tab="tab<?=$key?>">
<div
class="d-tab__toggle trans" data-href="tab<?=$key?>"><?=$value['NAME']?><i
class="fa fa-angle-down trans"></i></div>
<div
class="d-tab">
<div
class="grid_docs is-flexbox is-flexbox_row d-lnk-txt d-lnk-tdn fs_sm clr_dark">
<?
$counter = 0;?>
<?
foreach($value['ITEMS'] as $key_i => $value_i):?>
<?
$counter++;
if($counter > 10){
break;
}
?>

<div
class="grid_docs__item">
<!--a download href="<?=$value_i['DISPLAY_PROPERTIES']['FILE']['FILE_VALUE']['SRC']?>"-->
<a href="<?=$value_i['DETAIL_PAGE_URL']?>">
<span
data-date="<?=$value_i['DISPLAY_PROPERTIES']['DATE']['VALUE']?>">
<figure>

<!--img src="<?=$value_i['PREVIEW_PICTURE']['SRC']?>" alt=""/-->
<img src="/upload/file.jpg" alt=""/>
</figure>
</span>
<em><?=
$value_i['NAME']?></em>
</a>
</div>
<?
endforeach;?>
</div>
<div
class="d-tac" style='margin-bottom: 55px;'>
<a
href="/wins/<?=current($arResult['ITEMS_RESULT'])['CODE']?>/" class="btn-tyka-tyka btn">Смотреть все</a>
</div>
</div>
</div>
<?
$f++;?>
<?
endforeach;?>
</div>
<p
class="subtitle d-tac fs_xl"><strong>Хотите, чтобы и Ваше дело закончилось благополучно –
обращайтесь!</strong></p>
<div
class="d-tac">
<a
href="javascript:" class="btn cboxElement" data-colorbox="{"href": "/local/templates/kpza/ajax/popup_form.php"}">Свяжитесь с нами</a>
</div>
</div>






<!--Эмулируем клик на первом элементе фильтра-->
<script type="text/javascript" async="false">
$(".d-tabs.js-tabs li:first").trigger('click');
</script>


Уже второй день бьюсь. Помогите пожалуйста.

user posted image
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.