我在 Woocommerce 的单个产品页面上的表单中有一个日期选择器。由于 gTranslate,其他语言的值为 NaN。我在functions.php中添加了这样的notranslate:
function add_notranslate()
{
<script type="text/javascript">
$(function() {
$('.ui-datepicker').addClass('notranslate');
});
</script>
<?php
}
add_filter( 'wp_footer', 'add_notranslate');
但这还没有影响,我错过了什么吗,使用不同的钩子(Hook)也没有改变它。
最佳答案
之前<script>
标签,?>
缺少,在 WordPress 中您需要使用 jQuery
而不是$
别名如:
add_filter( 'wp_footer', 'add_notranslate');
function add_notranslate() {
?>
<script type="text/javascript">
jQuery( function($) {
$('.ui-datepicker').addClass('notranslate');
});
</script>
<?php
}
add_filter( 'wp_footer', 'add_notranslate');
现在应该可以工作了。
您还应该限制脚本执行仅在单个产品页面中将 Hook 更改为:
add_filter( 'woocommerce_after_single_product', 'add_notranslate');
或者也使用is_product()
条件标记如:
add_filter( 'wp_footer', 'add_notranslate');
function add_notranslate() {
if ( is_product() ) :
?>
<script type="text/javascript">
jQuery( function($) {
$('.ui-datepicker').addClass('notranslate');
});
</script>
<?php
endif;
}
add_filter( 'wp_footer', 'add_notranslate');
关于javascript - 将选择器类添加到 WooCommerce 单品中的 jQuery datepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66647447/