0

因此，我阅读了 Wordpress 关于在特定页面中调用 javascript 的文章。

我只想要一页，因为我只使用那一页上的脚本。

我用于工具提示的教程在这里：

http://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly

我想我错误地调用了脚本：

这是我在页面上使用的代码：

<script type="text/javascript" src="http://www.frgraphicsolutions.com/working/wp-content/themes/responsive-child/tooltip.js"></script>

<abbr title="We provide companies with advice and best practices on how to promote and     advance your graphic marketing projects. Our consultative approach analyzes your current practices and offers ideas on how to lower your costs and increase the effectiveness of your (limited) marketing budget." rel="tooltip"><img style="vertical-align: middle;" alt="" src="http://frgraphicsolutions.com/wp-content/uploads/2013/06/001.png" /></abbr> 

<abbr style:"float: right" title="We offer turn-key programs for small and medium-sized business to build your brand and establish an online presence, including the development of web pages, social media and lead-generation email campaigns. Services include graphic design and copywriting." rel="tooltip"><img style="vertical-align: middle;" alt="" src="http://frgraphicsolutions.com/wp-content/uploads/2013/06/002.png" /></abbr>

它不起作用，我仍然对如何在 wordpress 上调用 javascript 感到非常困惑。

有人可以澄清一下吗？

非常感谢你。:)

4

2 回答 2

1

好的，这是我通过一些严肃的互联网搜索和 wordpress 论坛的帮助找到的解决方案：

1.对 Javascript 进行更改，使其不会发生冲突（正如 Ivan Hanak 所说）

第一行变成了这样：

jQuery( document ).ready( function($)

参考：

  • jQuery noConflict 包装器

    2.在我的cild主题中创建一个function.php文件

    我想确保该功能仅适用于我网站的一页，以免降低我的网站性能

所以文件的 php 看起来像这样：

<?php
if ( !function_exists( 'tool_tips' ) ) {
function tooltips() {
if ( is_page( 'Services' ) ) {
wp_enqueue_script( 'tooltips', get_stylesheet_directory_uri() . '/js/tooltips.js', '', '1.0', true );
   }
  }
}
add_action( 'wp_enqueue_scripts', 'tooltips' );

?>

这

is_page

函数让我可以调用我希望加载 java 的任何特定页面。

参考（在 Wordpress.org Codex 上）：

  • 函数参考/wp 入队脚本
  • 功能参考/是页面
  • 儿童主题

感谢您的所有帮助，我花了很多时间进行挖掘，但我现在有一个运行更好的网站！

于 2013-10-23T15:04:05.227 回答
1

我查了你的网站，我发现了一个问题，为什么它可能不起作用。您需要编辑脚本以使用 jQuery 无冲突语法。

打开你的 tooltip.js

和第一行

$( document ).ready( function()

变成

jQuery( document ).ready( function($)

这种“情况”描述为jQuery noConflict Wrappers

我仍然对如何在 WordPress 上调用 JavaScript 感到非常困惑。

为此，请使用 Google，WordPress 文章在这里enqueueing a script

于 2013-10-18T20:54:47.867 回答