【问题标题】:Put Javascript in Wordpress Navigation Menu?将 Javascript 放在 Wordpress 导航菜单中?
【发布时间】:2014-07-08 19:30:41
【问题描述】:

有没有办法将 javascript 放入 Wordpress 菜单项的 URL 部分?我的网站上有实时聊天功能,我应该将此代码放到网站上以创建打开实时聊天的链接 (as suggested here)。

<!-- BEGIN OLARK CHAT LINK -->
<a href="javascript:void(0);" onclick="olark('api.box.expand')">
    Click here to chat!
</a>
<!-- END OLARK CHAT LINK -->

客户想要实用程序导航栏中的链接,该链接是使用 Wordpress 仪表板中的 Wordpress 菜单创建的。但是,当我将javascript:void(0);" onclick="olark('api.box.expand') 复制并粘贴到 Wordpress 仪表板的 URL 框中时,它就消失了,并且链接仍然处于非活动状态。

关于如何在没有插件的情况下实现这一点的任何想法?

【问题讨论】:

  • 你在哪里声明了函数olark()
  • Olark 处理所有功能。聊天功能正在通过不同的链接在该网站上运行。我只需要知道如何让链接在导航菜单中工作。

标签: javascript wordpress menu navigation chat


【解决方案1】:

我想通了。如果其他人正在寻找同样的东西,这里是对我有用的代码。

// Live Chat Utility Link
add_filter( 'wp_nav_menu_items', 'live_chat_utility_link', 10, 2 );
function live_chat_utility_link ( $items, $args ) {
    if ( $args->theme_location == 'utility' ) {
        $items .= '<li><a href="javascript:void(0);" onclick="olark(\'api.box.expand\')" class="livechat">Live Chat</a></li>';
    }
    return $items;
}

【讨论】:

  • 如何使用此代码定位特定菜单项?我想将此代码添加到特定菜单项: gtag('event', 'Click to Call', { 'event_category': 'Phone Call Tracking', 'event_label': '0884344644', 'value': 0 });
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-19
  • 2012-09-18
  • 2019-12-14
  • 2019-09-08
  • 1970-01-01
相关资源
最近更新 更多