如何从WordPress中的函数中获取数据属性的值并将其放入jquery中的变量中?
我有一个WordPress函数,可以覆盖本地WordPress库。我添加了 在该函数上,但我希望获取数据图像属性的值以获取url,然后将其放入tooltipster初始化中 在我的代码中,工具提示起作用,但它无法获取图像url 我在functions.php中有一个WordPress代码,如下所示:如何从WordPress中的函数中获取数据属性的值并将其放入jquery中的变量中?,jquery,wordpress,Jquery,Wordpress,我有一个WordPress函数,可以覆盖本地WordPress库。我添加了 在该函数上,但我希望获取数据图像属性的值以获取url,然后将其放入tooltipster初始化中 在我的代码中,工具提示起作用,但它无法获取图像url 我在functions.php中有一个WordPress代码,如下所示: <li> <a class="tooltip" data-image="<?php echo $attachment_img_url; ?>"> <?php
<li> <a class="tooltip" data-image="<?php echo $attachment_img_url; ?>"> <?php echo wp_get_attachment_image( $attachment->ID, 'thumbnail' ); ?></a> </li>
根据tooltipster文档,您可以使用functionBefore
方法在显示工具提示之前运行函数。此函数的第一个参数是origin
或悬停以打开工具提示的元素。知道这一点后,您可以使用origin.data('image')
获取数据图像的数据,并使用origin.tooltipster('content',origin.data('image'))将其设置为工具提示的内容代码>
这一个输出了正确的图像url,但它打印的是图像的url,而不是图像。我编辑了一点代码,但仍然打印html代码,而不是实际的图像origin.tooltipster('content',''
output:我知道了,我需要添加另一个选项,它是'contentAsHTML:true',问题已经解决。谢谢@adam
$(document).ready(function() {
var imgUrl = $(this).data('image');
$('.tooltip').tooltipster({
content: $('<span><img src="' + imgUrl + '" /></span>')
});
});
$('.tooltip').tooltipster({
content: 'Loading...',
functionBefore: function(origin, continueTooltip) {
continueTooltip();
origin.tooltipster('content', origin.data('image'));
}
});