Question

我已经下载了所有文件，如.js和.css，我也下载了jQuery框架，现在我将这些代码放在我的HTML页面中：

<html>
    <head>
      <link rel="stylesheet" href="messi.min.css" />
      <script src="messi.js"></script>
    </head>
    <title>messi box</title>
  <body>
  </body>
</html>

梅西的支持告诉我如何设置。检查以下内容：

设置

Messi需要jQuery框架才能工作，所以首先要包含它你的项目。之后：

从gitHub下载Messi并解压缩。复制messi.css和 messi.js文件（或缩小版本）到您的项目文件夹。

编辑html页面以包含这两个文件：

<link rel="stylesheet" href="messi.min.css" />
<script src="messi.js"></script>

享受吧！您可以在HERE找到本教程，我只是想知道我怎样才能在我的html页面中使用它。例如，我想使用警告消息框

New Messi('This is a message with `Messi.', {title: 'Title', titleClass: 'anim error', buttons: [{id: 0, label: 'Close', val: 'X'}]});`

是java代码还是其他什么？我需要有关此插件的完整指南。感谢

Plugin can find here

Answer 1

您需要以与messi.js类似的方式包含JQuery。包括JQuery 之前 messi.js。类似的东西：

<script type="text/javascript" src="jquery/jquery2.1.1.js"></script>
<link rel="stylesheet" href="messi.min.css" />
<script src="messi.js"></script>

请注意，JQuery 2.x不支持IE 6,7或8，如果您需要此支持，请考虑使用JQuery 1.x。

您发布的代码是Javascript。

Answer 2

这取决于如何使用代码，如果您希望它在加载页面时起作用，您可以使用：

$(document).ready(function(){ new Messi('This is a message with Messi.', {title: 'Title', titleClass: 'anim error', buttons: [{id: 0, label: 'Close', val: 'X'}]}); });

或者如果您希望它在点击某些内容时起作用，您可以使用它：

$('a#messi').click(function(){ new Messi('This is a message with Messi.', {title: 'Title', titleClass: 'anim error', buttons: [{id: 0, label: 'Close', val: 'X'}]}); });

只需将＃messi替换为标记和/或类/ id

即可

Answer 3

正如heikkim所说，从学习HTML5和Javascript的基础开始，你可以在几个网站上找到很多，我建议：http://w3schools.com如果你想了解功能和标签或者去codecademy.com （或类似的东西）你可以真正学习html和javascript的开头。

梅西简单的jQuery消息框

3 个答案: