Question

我有一个问题，我有一个代码，我试图让它在我的网站上工作，但不能。我在代码中有所有必要的插件，但是当我点击deal按钮时，它不会处理任何卡片。但是，它在jsFiddle上运行正常但在我的网站上没有。

<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 <title>$MODULE_NAME$ - $SITE_NAME$</title>
 <?$META_DESCRIPTION$?>
 <?$META_KEYWORDS$?>
 <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
 <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
 <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>
 </head>
 <body>
 <input type="button" value="Deal Card" id="deal" />
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <br/>
 <div id='drop' class='drop'>Drop Here</div>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 <br>
 $GLOBAL_BFOOTER$
<script src="http://joxongir.ucoz.com/cardgame.js"></script>
</html>
</table>
</body>

Answer 1

您需要将域添加到加载jQuery和jQueryUI的行

变化：

 <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
 <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>

为：

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  
       <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>

这适用于JS小提琴，因为会自动为您加载库。在另一个地方，你必须自己做＆gt;

Answer 2

您需要包含jQuery库和jQuery UI库文件

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>

然后包含您的代码文件

<script src="http://joxongir.ucoz.com/cardgame.js"></script>

Answer 3

添加jQuery库，关闭body并在脚本中使用它来启动文档：

$(document).ready(function(){
   // your code here
});

Answer 4

您的HTML格式不正确。关闭<body>代码后，您关闭了<table>和<html>代码。

正确的结构：

<html>
    <body>
        <table>
        </table>
    </body>
</html>

此外，您的jQuery <script>标记未正确编写。他们应该是这样的：

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>  
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>

无法使用html与jquery一起工作

4 个答案: