当用户单击重置时,而不是默认功能(取消选择所有变体属性),我希望选择默认变体(加载页面时的方式)。我想在不刷新页面的情况下实现这一点,刷新会产生相同的最终结果,但速度太慢。
我有一些 javascript 可以完成选择默认变体的工作
for (const property in default_attr) {
if(default_attr[property] == undefined) {
jQuery('select[data-attribute_name="'+ property +'"]').prop('selectedIndex',0);
var thSelector = 'ul[data-attribute_name="'+ property +'"] li';
jQuery(thSelector).removeClass('selected');
} else {
jQuery('select[data-attribute_name="'+ property +'"]').val(default_attr[property]);
var thSelector = 'ul[data-attribute_name="'+ property +'"] li[data-value="'+ default_attr[property]+'"]';
jQuery(thSelector).click().addClass('selected');
}
}
但是当我合并它时,默认代码仍然首先运行,所以用户看到所有属性都没有被选中,然后默认变体被选中,这看起来很糟糕。
如何运行我的 javascript 而不是默认的重置功能?
或者更好的是我可以在我的functions.php中放入什么,以便在单击重置时,站点运行在加载页面时运行的代码,该代码选择默认变体?
希望这一切都有意义这是我在这里的第一篇文章。干杯