用于简报注册的jQuery弹出消息

时间:2014-02-21 09:08:42

标签: javascript jquery wordpress

这是关于的网站:http://styleriot.net(这是wordpress) 我熟悉html和php,但从未在javascript中做过任何事情,这就是我在这里写作的原因。

所以我想要构建的是一个jquery popup-message / modal在站点的头部打开onClick一个链接(它是网站右上角的小邮件图标)。我希望它显示一个允许用户注册简报的表单(我正在使用插件,这样就不会出现问题)

我发现了一个名为messi的好东西,我想用它。所以我在将文件上传到服务器后在页面中执行了以下操作:

<!-- messi jquery modal -->
<link rel="stylesheet" href="./js/messi/messi.css" />
<script src="./js/messi/messi.js"></script>

<script type="text/javascript">
  function loadMessi() {
    new Messi.load('[wysija_form id="2"]', {title: 'Newsletter abonnieren', modal: true});
  }
</script>
<!-- end messi jquery modal -->

(我不知道短代码是否适用于此,但现在不是重点)

按钮/图标本身如下:

<a href="#" onClick="loadMessi()" title="Newsletter abonnieren">
   <img src="http://styleriot.net/wp-content/uploads/2014/02/email.png" alt="Newsletter" width="25px" height="25px">
</a>

正如你所看到的,结果是什么都没有。模态没有显示出来。 jQuery是由wordpress自动加载的,我实现了其他jQuery函数(例如灯箱),所以我认为这不会是问题。 谢谢你的帮助

0 个答案:

没有答案