WordpressでJavaスクリプトを実行

Question

ヘッダーにライブチャットボタンがあるWordPressテーマを1つ購入しました。オープンチャットへのサポートリンク。しかし、私はボタンを開くためのJavaスクリプトを持っている。私はPHPを学んでいると私はボタンプレスWordPressでJavaスクリプトを実行する方法を知りません。

私はワードプレスのヘッダーをテーマにコードを持っているが

<?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を学習しましたか？イベントが発生したときにコードを実行できます。 .chatクラスのahref要素をクリックしたようなものです。

<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ウィンドウが表示されますがあります。あなたのようなJSのコードを追加したい場合は

Answer 2

：あなたのボタンクリックイベントでそれを

$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(); 
    }); 

Wher e a.chatはリンク（<a href=""></a>タグ）で、.chatはリンクのクラス名です（例のように）。あなたはparrent要素を追加することができます。

e.preventDefault() - リンクのデフォルトのイベントではなくwordrpessで '$' の 'jQueryの' 使用することを忘れないでください

おかげ

Answer 3

を発生しません。