magento jQuery кнопки пользовательского интерфейса

Question

У меня проблема с шаблоном на magento, который я пытаюсь построить.

Я создал базовый шаблон magento, основанный на демонстрационном магазине Yoast_Blank_Seo_Theme http://shop.x11.us

в Chrome все верхние ссылки работают, тогда как в Firefox они ничего не делают. также как и кнопки добавления в корзину.

Если вы измените хранилище на _store = ru "> http://shop.x11.us/index.php/?_store=en в Firefox, ссылки будут работать нормально.

если я удалю из моего local.xml следующее:

        <block type="core/text" name="buttons.jquery">
            <action method="setText">
                <text><![CDATA[<script type="text/javascript">
                    $j(function() {
                      $j(".button").button();
                    });
                    </script>]]>
                </text>
            </action>
        </block>

ссылки работают нормально, но тогда я не получаю эффект кнопки. как правильно включить кнопки jQuery, чтобы они работали правильно?

любой совет высоко ценится

Answer 1

Попробуйте проверить страницу на http://validator.w3.org/ и устранить ошибки.Кажется, проблема в вашем HTML-коде:

<ul class="links">
    <button type="label" title="My Account" class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
        <li class="first" >
            <span class="ui-button-text"><a rel="nofollow" href="http://shop.x11.us/index.php/customer/account/" title="My Account" >My Account</a></span>
        </li>
    </button>
    ...

Я не думаю, что допустимо иметь теги привязки внутри элементов кнопки.Также недопустимо иметь элементы <button> непосредственно под элементами <ul>.Попробуйте реструктурировать ваш HTML следующим образом:

<ul class="links">
    <li class="first" >
        <a rel="nofollow" href="http://shop.x11.us/index.php/customer/account/" title="My Account" >
            <button type="label" title="My Account" class="button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                <span class="ui-button-text">My Account</span>
            </button>
        </a>
    </li>
    ...