【问题标题】:Activate ZenDesk widget using JavaScript trigger使用 JavaScript 触发器激活 ZenDesk 小部件
【发布时间】:2015-07-06 13:55:24
【问题描述】:

好的,所以我在 support.tophat.com 上编辑一个页面,在屏幕的左下方有一个小部件按钮,点击后会打开一个方便的小支持票窗口。这是 zendesk 提供的 ZenDesk 小部件,用于为客户提供向 ZenDesk 后端提交支持票证的服务。

我想要做的是在页面其他位置的某个任意链接或按钮上包含对函数的“onClick”调用,这将触发支持票证窗口显示,而无需实际单击左下角。

这似乎是通过 iframe 实现的,我已经尝试过 jQuery .click() 函数但无济于事......在检查了元素并查看用户单击按钮时触发了哪个函数后,我得到了一长串令人作呕的神秘 JS,没有真正的概述功能。

我的最终目标是在点击后打开支持窗口,比方说,如果我点击一个链接,一个有触发器的链接,并设置 onClick="trigger()" 触发窗口打开左下角。

如果您希望我在事件触发时包含 chrome 显示的块,请告诉我,但它并不漂亮,如果我输入看起来像那样的代码,mods 可能不喜欢。

【问题讨论】:

    标签: javascript html zendesk


    【解决方案1】:

    使用 jQuery(包含在 Zendesk 帮助中心中),您可以这样做:

    $('#launcher').contents().find('.Button--launcher').click();
    

    我在您的网站上的 Chrome 控制台中对其进行了测试,它激活了小部件。

    我在这里找到了与此答案相关的信息:IFrame button click event

    关于 jQuery 的信息.contents(): https://api.jquery.com/contents/

    【讨论】:

    • 这太完美了!非常感谢 :) 我还找到了可以使用的抽象函数 zE.activate();也打开了面板:)
    【解决方案2】:

    这个:

      $zopim(function() {
        $zopim.livechat.window.show();
      });
    

    如果你想从 HTML 调用它:

    <a href="javascript:$zopim.livechat.window.show();">
    

    您也可以查看他们的 API 文档:https://api.zopim.com/files/meshim/widget/controllers/liveChatAPI/Window-js.html

    【讨论】:

    • 不幸的是,这对我不起作用。
    猜你喜欢
    • 2015-08-22
    • 1970-01-01
    • 1970-01-01
    • 2023-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-19
    • 1970-01-01
    相关资源
    最近更新 更多