Question

我对此非常陌生，所以我们将非常感谢您的帮助和耐心。我花了几个小时试图根据其他人的问题串联一个解决方案，但我一直在努力。

我在网站上有图标，桌面悬停会将img标题显示为工具提示。不幸的是，在平板电脑/手机上，这并不起作用。我假设因为我们无法悬停在这些浏览器上。示例页面：http://queenofretreats.com/retreat/strategic-space-burgundy-france/ - 您将在主图像下方看到8个绿松石图标。这些是有问题的图标。

我找到了一个使用javascript在点击时添加img标题的解决方案。解决方案演示：http://jsfiddle.net/bo28190/s3dg50y4/

我不确定为什么我无法在我的实际wp安装上使用它。

我已将脚本添加为主题文件夹中的.js文件。我使用

从functions.php调用了脚本

/**
 * Enqueue a script
 */
function myprefix_enqueue_scripts() {
    wp_enqueue_script( 'mobile-icon-tooltip', get_template_directory_uri() . '/assets/js/mobile-icon-tooltip.js', array(), true );
}
add_action( 'wp_enqueue_scripts', 'myprefix_enqueue_scripts' );

我已经添加了jquery UI库，添加了：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

但工具提示并未显示任何屏幕尺寸的点击次数。

Answer 1

尝试替换它：

wp_enqueue_script( 'mobile-icon-tooltip', get_stylesheet_directory_uri() . '/js/mobile-icon-tooltip.js', array(), true );

用这个：

wp_enqueue_script( 'mobile-icon-tooltip', get_template_directory_uri() . '/assets/js/mobile-icon-tooltip.js', array(), true );

get_stylesheet_directory_uri()会返回样式表 URI，而您真正想要的是主题库URI。

使用javascript

1 个答案: