在jQuery方面还是一个新手,所以任何帮助都将非常感激。
在商业网站上,我希望div (".selectVAT")
的文字根据Cookie“vat_preference”而改变。 div会说所有价格都包含增值税变更或'所有价格不包括增值税更改。
然后,这将触发jQuery在内容'.incl-vat'或'.excl-vat'中显示2个隐藏div中的1个。我在其他网站上找到了以下代码,但无法使其正常工作。
if (document.location.href.indexOf('inclvat=true') > -1) jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
jQuery("#headerVAT .selectVAT).parent().attr('id', 'vat-preference-wrapper');
displayVAT();
function switchVAT() {
if (jQuery.cookie('vat_preference') == 'inclvat') {
jQuery.cookie('vat_preference', 'exclvat', {expires: 30, path: '/'});
displayVAT();
} else {
jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
displayVAT();
}
return false;
}
function displayVAT() {
if (jQuery.cookie('vat_preference') == 'inclvat') {
jQuery.cookie('vat_preference', 'inclvat', {expires: 30, path: '/'});
jQuery("#vat-preference-wrapper").html('All prices include VAT <a href="#" onclick="switchVAT(); return false;" id="vat-preference">change</a>');
jQuery('.incl-vat').css({display: 'inline'});
jQuery('.excl-vat').css({display: 'none'});
} else {
jQuery.cookie('vat_preference', 'exclvat', {expires: 30, path: '/'});
jQuery("#vat-preference-wrapper").html('All prices exclude VAT <a href="#" onclick="switchVAT(); return false;" id="vat-preference">change</a>');
jQuery('.incl-vat').css({display: 'none'});
jQuery('.excl-vat').css({display: 'inline'});
}
return false;
}
<div id="headerVAT"><div class="selectVAT"></div></div>