Question

我买了一个WordPress主题，标题中有Live Chat按钮。它支持链接打开聊天。但我有java脚本打开按钮。我正在学习php，不知道如何在按下WordPress的按钮上运行java脚本。

我在wordpress标题主题中的代码如下所示

<?php }if( !empty( $king->cfg['topInfoLiveChat'] ) ){ ?>    
                <a href="<?php echo esc_attr( $king->cfg['topInfoLiveChat'] ); ?>" class="chat">
                    <i class="fa fa-comments-o"></i> <?php _e('Live Chat', 'arkahost' ); ?>
                </a>

Zopim聊天给了我脚本运行如下。

$zopim.livechat.window.show();

他们已举例说明如下

<a href="javascript:$zopim.livechat.window.show()"><img src="INSERT_IMG_SRC_HERE"/></a>

但是，如果我使用上面的设计，我的设计会发生变化。任何人都可以帮助我如何在上面的代码中集成这个脚本？

由于

Answer 1

你学过一些javascript和jQuery吗？您可以在事件发生时运行代码。就像您点击了ahref类.chat元素一样。

<script>
    jQuery("a.chat").on("click", function(e) {
       e.preventDefault();
       // Your code goes here. Example:
       $zopim.livechat.window.show();
    });
</script>

P / s：你应该有一个更好的选择器，如.header a.chat，或者所有ahref元素都有.chat类，当用户点击它时，它会显示你的Zopim窗口。

Answer 2

如果您想在JS中添加代码，请执行以下操作：

$zopim.livechat.window.show();

并在你的按钮上单击事件时触发它，你只需要将脚本（如果你有jquery）添加到你的文件（带按钮）：

<script type="text/javascript">
  jQuery('a.chat').on('click', function(e) {
    e.preventDefault();
    $zopim.livechat.window.show();
  });
</script>

或将其添加到包含在您页面中的JS文件中：

jQuery('a.chat').on('click', function(e) {
    e.preventDefault();
    $zopim.livechat.window.show();
  });

其中a.chat是链接（<a href=""></a>标记），.chat是链接的类名，就像您的示例一样。您可以添加parrent元素。

e.preventDefault() - 链接的默认事件不会触发

由于

Answer 3

请记住使用＆＃39; jQuery＆＃39;而不是＆＃39; $＆＃39;在wordrpess。

在Wordpress中运行Java脚本

3 个答案: