У меня есть пункт «Добавить кнопку» в моей карусели, и требование состоит в том, что когда кто-нибудь отметит флажок «Добавить кнопку», то текст кнопки и ссылка кнопки будут видны.
Проблема здесь в том, что, когда я пытаюсь установить флажок кнопки «Добавить», автоматически в каждом элементе карусели появляются btntext и buttonLink,
как показано на рисунках на форуме AEM ниже
https://forums.adobe.com/message/10876269#10876269
На последнем изображении вы можете видеть, что во втором пункте, хотя кнопка «Добавить» не отмечена, текст кнопки все еще появляется.
Пожалуйста, помогите мне в этом.
Мой java-скрипт работает нормально без карусели. Но в карусели не работает нормально
/ ************************** cq.dialog ***************** *** /
JCR: primaryType = "нт: неструктурированный"
стропа: ResourceType = "гранит / щ / компоненты / кораллы / основа / форма / флажок"
name="./includebutton"
text="Add button (bottom)"
value="{Boolean}true"/>
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Button Text"
name="./btntext"/>
<link
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
fieldLabel="Button Link"
name="./link"
rootPath="/content/Sunita"/>
Ниже приведены HTL и JS для этого требования.
/ ************************* HTL ******************** *** /
$ {Item.btntext}
$ {Item.btntext}
/ ************************* JS ******************** *** /
(функция ($, $ document) {
$document.ready(function () {
$document.on("dialog-ready", function() {
if($("coral-checkbox[name='./includebutton'] :checked").length === 1){
$("input[name='./btntext']").parent().show();
$("input[name='./buttonLink']").parent().show();
} else {
$("input[name='./btntext']").parent().hide();
$("input[name='./buttonLink']").parent().hide();
}
$("coral-checkbox[name='./includebutton']").on("click", function() {
if($("coral-checkbox[name='./includebutton'] :checked").length === 1){
$("input[name='./btntext']").parent().show();
$("input[name='./buttonLink']").parent().show();
} else {
$("input[name='./btntext']").parent().hide();
$("input[name='./buttonLink']").parent().hide();
}
});
});
* +1032 *});
} (jQuery, jQuery (документ)));