Messi-box jQuery插件不工作

Messi box jQuery plugin not working

本文关键字：工作 插件 jQuery Messi-box      更新时间：2024-01-24

我下载了插件，并将其作为一个单独的文件添加到我的html中，我还在head中添加了css文件，但它不起作用。我的html是这样的：

<!Doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Click Sign Up!</title>
<link rel="stylesheet" href="signupstyle.css" type="text/css">
<link rel="stylesheet" type="text/css"        href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<link rel="stylesheet" href="messi.css" />
</head>
<body>
<a href="#" id="line_break" >Why is my name required?</a><br><br>
</body>

我的脚本是这样的：

 <script type="text/javascript" src="/js/messi.js"></script>
 <script type="text/javascript" src="/js/jquery.js"></script>
 <script type="text/javascript" src="/js/place.js"></script>
 <script type="text/javascript" src="/js/jqueryUI.js"></script>

他们说我应该这样称呼它：

$( "#line_break" ).click(function(){
  messi.alert('This is an alert with Messi.');

我甚至添加了$（document）.ready（function（）｛｝），但它仍然不起作用。

网站：http://marcosesperon.es/apps/messi/

我之所以使用mesi对话框，是因为它比jqueryui对话框有更好的外观，并且可以根据我的喜好进行自定义。如果这是浪费时间，请告诉我并推荐其他东西。

在加载jquery之前，先加载mesi.js。

由于mesi是一个jQuery插件，您需要按照正确的顺序加载脚本。

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/messi.js"></script>
<script type="text/javascript" src="/js/place.js"></script>
<script type="text/javascript" src="/js/jqueryUI.js"></script>
相关文章：