gpt4 book ai didi

javascript - 在 WordPress 响应式工具提示上调用 Javascript

转载 作者:行者123 更新时间:2023-12-02 18:14:05 25 4
gpt4 key购买 nike

所以我阅读了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 感到非常困惑。

有人可以澄清一下吗?

非常感谢。 :)

最佳答案

好的,这是我通过认真的互联网搜索和 WordPress 论坛的帮助找到的解决方案:

1.对 Javascript 进行更改,使其不存在冲突(正如 Ivan Hanak 所说)

第一行变成这样:

jQuery( document ).ready( function($)

引用:

  • jQuery noConflict Wrappers

    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 入队脚本
  • 函数引用/是页面
  • child 主题

感谢您的帮助,我花了很多时间进行挖掘,但我现在有了一个功能更好的网站!

关于javascript - 在 WordPress 响应式工具提示上调用 Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19458791/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com