javascript - 在 WooCommerce 单品中为 jQuery datepicker 添加选择器类
问题描述
我在 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');
但这还没有影响,我是否错过了什么,使用不同的钩子也没有改变它。
解决方案
在<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');
现在它应该可以工作了。
您还应该将脚本执行限制在单个产品页面中,将挂钩更改为:
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');
推荐阅读
- github - 使用 Github 设置双重身份验证,不再让我输入密码
- javascript - 检查元素的值并采取行动
- java - Intelij Maven:错误:不再支持源选项 6。使用 7 或更高版本。还有解决方案吗?
- java - 减少 DTO 建模类中的样板代码(getter 和 setter)
- java - Gradlew 不工作(失败:生成异常。)
- c++ - 使用 QsciLexerCustom 突出显示 QScintilla 语法 - UTF-8 问题
- javascript - 从对象数组中的元素创建一个字符串
- r - “需要有限的 'ylim' 值”错误消息
- flutter - Flutter:如何使用 CustomPainter 创建生成动画
- azure - Azure Web App 在 docker-compose 中使用 WEBAPP_STORAGE_HOME 变量