我正在使用产品按钮,当点击时,按钮也需要在侧面板中可见。您可以单击正文中的多个产品按钮,这些按钮将添加到此侧面板的列表中。
目标是发送一封电子邮件表格,其中包含所选产品的概述。
我需要同步这些按钮的功能。例如,当您停用按钮时,状态也需要在侧面板列表中更新,就像在正文中一样。
我几乎在那里,除了我无法从正文中的产品按钮中删除一个类。 (body_btn.removeClass( '检查');)
如果你能帮助我,我将非常高兴!
$('.panel-toggle').click(function( event ) {
event.preventDefault();
$('.slide-panel').toggleClass('opened');
});
// when question button is clicked switch the checked class
$('.question-trigger').click(function( event ) {
event.preventDefault();
if($(this).hasClass('checked')){
$(this).removeClass('checked');
$('.slide-panel .question-trigger').remove();
} else {
$(this).addClass('checked');
$(this).clone().switchClass('body-btn', 'side-btn').appendTo('.slide-panel p');
}
$('.slide-panel .question-trigger').click(function( event ) {
event.preventDefault();
$(this).removeClass('checked');
var id = $(this).attr('id');
console.log(id);
var body_btn = $('.wpb_wrapper .question-trigger #'+id);
console.log(body_btn);
body_btn.removeClass('checked');
$(this).remove();
});
});