Fatal编程技术网
  • javascript/
  • 如何添加HTML&；Javascript到Wordpress短代码？

如何添加HTML&；Javascript到Wordpress短代码？

javascript wordpress function

如何添加HTML&；Javascript到Wordpress短代码？,javascript,wordpress,function,shortcode,Javascript,Wordpress,Function,Shortcode,我有一段HTML，我想把它做成Wordpress的短代码。这是片段 <div class="small-12 large-7 columns"> <article id="text-39" class="panel widget widget_text"> <div class="textwidget"> <div class="row"> <div class="h3 reg

我有一段HTML，我想把它做成Wordpress的短代码。这是片段

<div class="small-12 large-7 columns">
<article id="text-39" class="panel widget widget_text">         
    <div class="textwidget">
        <div class="row">
            <div class="h3 regular-font">Have Questions?</div>
            <div class="h5">TALK TO US 800.810.8412</div>
            <a href="http://www.oakwoodsys.com/email-us"><div class="button help-email left">Email Us</div></a>
            <!-- BEGIN OLARK CHAT LINK -->
            <a href="javascript:void(0);" onclick="olark('api.box.expand')"><div class="button help-chat left">Chat Now</div></a>
            <!-- END OLARK CHAT LINK -->
        </div>
    </div>
</article>
</div>
但是，当我将实时聊天链接从
#
更改为
javascript:void（0）；“onclick=“olark（'api.box.expand'）
，整个站点将中断。如何使链接正常工作？

您已经用单引号构建了字符串（在
chat\u shortcode（）
中），因此，当您添加额外的
onclick
代码，并且它包含单引号时，您从正在构建的第一个字符串中跳出。试试这个：

return <<<HTML
<div class="small-12 large-7 columns">
<article id="text-39" class="panel widget widget_text">         
    <div class="textwidget">
        <div class="row">
            <div class="h3 regular-font">Have Questions?</div>
            <div class="h5">TALK TO US 800.810.8412</div>
            <a href="http://www.oakwoodsys.com/email-us"><div class="button help-email left">Email Us</div></a>
            <!-- BEGIN OLARK CHAT LINK -->
            <a href="#">Chat Now</div></a>
            <!-- END OLARK CHAT LINK -->
        </div>
    </div>
</article>
</div>
HTML;

返回

您的return语句使用
'
打开和关闭，因此，当您在onclick中使用它们时，请中断语法（您关闭return语句）

试试这个


onclick="olark(\'api.box.expand\')"



检查元件并检查控制台。

onclick="olark(\'api.box.expand\')"