jQuery/css не работает с BigCommerce

Итак, у меня есть эта приятная маленькая настройка меню навигации с помощью кнопки div здесь FIDDLE и когда я пытаюсь реализовать это на BigCommerce, это не работает. У меня возникла проблема, когда я пытаюсь добавить в текст фрагмент "%%Panel.ProductDescription%%".

Итак, это код, который я исправил с помощью фрагмента

$("#description").on("click", function() {
    $("#content").text( % % Panel.ProductDescription % % );
});

Я пробовал .text, пробовал использовать .html, пытался сделать его переменной и вызвать. У меня нет идей. Кто-нибудь сталкивался с этим раньше? До добавления фрагмента код работает прекрасно. После его добавления код перестает работать.


javascript html jquery css bigcommerce
person user3058518    schedule 03.01.2014    source источник
comment
что такое %%Panel.ProductDescription%%? Возможно, вам придется сначала назначить его var n, а затем использовать его.   -  person dcodesmith    schedule 03.01.2014
comment
Что содержит переменная шаблона %%Panel.ProductDescription%%?   -  person Irvin Dominin    schedule 03.01.2014
comment
проверьте консоль, прежде чем публиковать что-то подобное   -  person Sergei Zahharenko    schedule 03.01.2014
comment
Я попытался сделать это var, и это все еще не сработало. Панель содержит информацию об описании продукта. В консоли написано Uncaught SyntaxError: Unexpected identity . Наверное из-за %? Я не уверен, как отладить это, если честно.   -  person user3058518    schedule 03.01.2014
comment
Ваш %% с интервалом или как %% ?   -  person Irvin Dominin    schedule 03.01.2014

Ответы (1)


arrow_upward
3
arrow_downward

Проблема в том, что когда вы пытаетесь вставить текст %%Panel.ProductDescription%%, вы ориентируетесь на шорткод шаблона Bigcommerce. После того, как шаблон отрендерен, этот шорткод больше не доступен никаким образом, включая jQuery. При отображении эта панель имеет идентификатор div «ProductDescription». Так что ваш код должен выглядеть примерно так.

$("#description").on("click", function() {
    $("#content").text("#ProductDescription");
});

Обратите внимание, однако, что в этом div есть другой html. Либо ваш jQuery должен использовать .html вместо .text, либо вам следует подумать о нацеливании на div внутри панели описания.

.ProductDescriptionContainer — это то, что на самом деле содержит содержание описания.

person developerscott    schedule 04.01.2014