Question

我试着用WordPress的Qtip2工作，没有任何成功。

我阅读了以下教程： http://craigsworks.com/projects/forums/showthread.php?tid=3371

以下是我加载Qtip javascript部分的方法：

    /* FH Frontend */
    wp_enqueue_script('fh-front', plugin_dir_url() . 'fh-plugin/scripts/fh-front.js', array('jquery', 'qtip'));

    /* Qtip */
    wp_enqueue_style('qtip',  get_stylesheet_directory_uri() . '/assets/qtip/jquery.qtip.min.css', null, false, false);

    // Using imagesLoaded? Do this.
    wp_enqueue_script('imagesloaded', get_stylesheet_directory_uri() . '/assets/qtip/imagesloaded.min.js', null, false, true);
    wp_enqueue_script('qtip',  get_stylesheet_directory_uri() . '/assets/qtip/jquery.qtip.min.js', array('jquery', 'imagesloaded'), false, true);

现在，这是fh-front.js的内容：

(function($) {

    $(document).ready(function() {
            $('a[title]').qtip();
    });

})(jQuery);

因此，使用此代码，我想在以下链接上添加工具提示：

<a href="#" class="myFirstQtip" title="foo">Hover over me</a>

但是......它不起作用......我不明白的是Qtip插件似乎有效，因为显示的HTML代码如下所示：

<a href="#" class="myFirstQtip" data-hasqtip="0" oldtitle="foo" title="" aria-describedby="qtip-0">Hover over me</a>

以下是Jfiddle的链接，以揭示情况： http://jsfiddle.net/z39an8a4/

我确认所有必需的JS代码都已成功加载。

那么，对这个问题有任何想法吗？

谢谢你， K.A。

尝试使用Wordpress进行Qtip2工作

0 个答案: