如何从WordPress中的函数中获取数据属性的值并将其放入jquery中的变量中?

如何从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

我有一个WordPress函数,可以覆盖本地WordPress库。我添加了 在该函数上,但我希望获取数据图像属性的值以获取url,然后将其放入tooltipster初始化中

在我的代码中,工具提示起作用,但它无法获取图像url

我在functions.php中有一个WordPress代码,如下所示:

<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'));
        }
    });