JQuery выполняется всегда - PullRequest
Новая
       12

JQuery выполняется всегда

0 голосов
/ 01 июля 2019

У меня есть выпадающий переключатель, чтобы изменить вид магазина. Я хотел бы реализовать функцию, выполненную с помощью PHP, после того, как выбрана опция из выпадающего списка.

Я пытался реализовать это событие через Jquery, как показано ниже: 

<?php if (count($block->getGroups()) > 1): ?>
<div class="switcher store switcher-store" id="switcher-store">
    <strong class="label switcher-label"><span><?php /* @escapeNotVerified */
            echo __('Select Store') ?></span></strong>
    <div class="actions dropdown options switcher-options">
        <?php foreach ($block->getGroups() as $_group): ?>
            <?php if ($_group->getId() == $block->getCurrentGroupId()): ?>
                <div class="action toggle switcher-trigger"
                     role="button"
                     tabindex="0"
                     data-mage-init='{"dropdown":{}}'
                     data-toggle="dropdown"
                     data-trigger-keypress-button="true"
                     id="switcher-store-trigger">
                    <strong>
                        <span><?php echo $block->escapeHtml($_group->getName()) ?></span>
                    </strong>
                </div>
            <?php endif; ?>
        <?php endforeach; ?>

        <ul class="dropdown switcher-dropdown" data-target="dropdown">
            <?php foreach ($block->getGroups() as $_group): ?>
                <?php if (!($_group->getId() == $block->getCurrentGroupId())): ?>
                    <li class="switcher-option">
                        <a href="#" data-post='<?= $block->getTargetStorePostData($_group->getDefaultStore()); ?>'>
                            <?php echo $block->escapeHtml($_group->getName()) ?>
                        </a>
                    </li>
                <?php endif; ?>
            <?php endforeach; ?>
        </ul>
    </div>
</div>
<?php endif; ?>
    <script>
        require(['jquery', 'jquery/ui'], function($){
            $("#switcher-option").trigger("click", clickConfirm());
            function clickConfirm(){
                var isGood=confirm('You will lose your cart items if you switch between seasons!');
                if (isGood) {
                    <?php $seasonsHelper->getClearCart(); ?>
                } else {
                    <?php $this->getUrl('*');?>
                }
            }
        });
    </script>

Смена магазина работает отлично, но событие подтверждения появляется в разных местах, не только когда я выбираю выпадающую кнопку. Если я добавляю в корзину, он также появляется, когда я загружаю страницу, Он также появляется.

Я пытался определить точный идентификатор с помощью ".class" или "#id", но ничего не работает.

Это правильный способ сделать это?

enter image description here

1 Ответ

0 голосов
/ 01 июля 2019

Вам необходимо внести некоторые изменения в код JS: 

require(['jquery', 'jquery/ui'], function($){
if( $("#switcher-option").lengh>0 ){ /// check for element existance
    $("#switcher-option").trigger("click", clickConfirm());
}

function clickConfirm(){
    var isGood=confirm('You will lose your cart items if you switch between seasons!');
    if (isGood) {
        <?php $seasonsHelper->getClearCart(); ?>
    } else {
        <?php $this->getUrl('*');?>
    }
}

});

Примечание: код не тестировался, просто поделился логикой.

...