Question

我有一个Buy Now按钮，我想在有人点击按钮（包括一个弹出窗口）后执行一个脚本。我怎么能这样做？

这是我的按钮html：

a class="btn-new page-scroll" href="#download" Buy Now

这是我想要包含在html中的脚本：

<script src="//load.sumome.com/" data-sumo-site-id="52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6" async="async"></script>

Answer 1

对我来说，这个脚本没有显示任何弹出窗口，但是在我点击立即购买后脚本已经工作了。这是代码：

<!DOCTYPE html>
<html>
<head>
    <!--Handling the click event I used the jquery library-->
    <script data-require="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>
    <!-- Buy Now -->
    <button class="btn-new page-scroll" href="#download" onclick="loadscript()">Buy Now</button>
    <!-- The click event will add the script into the head html tag.
    If you want to change the location look after other jquery selector. -->
    <script>
      function loadscript(){
        $('head')
            .append("<script src=\"//load.sumome.com/\" data-sumo-site-id=\"52c766d9109394d067f043544daf316657cac8d10a2b099638a1bfce5dfa90e6\" async=\"async\"><\/script>");
      }
    </script>

</body>
</html>

如果要将脚本添加到具有唯一ID或类的其他html标记中，请使用其他jQuery selector。

单击按钮后如何插入脚本？

1 个答案: