Question

我下载了插件并将其作为单独的文件添加到我的html中，我还在头部添加了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.');

我甚至添加了$（文件）.ready（function（）{}）但它仍然无效。

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

我使用messi对话框的原因是因为它比jquery ui对话框具有更好的外观，并且可以根据自己的喜好进行自定义。如果这是浪费时间，请告诉我并推荐别的东西。

Answer 1

你在加载jquery之前加载了messi.js.

由于messi是一个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>

梅西盒jQuery插件无法正常工作

1 个答案: