无法让 html 与 jquery 一起使用答案

【问题标题】：Can't get html to work with jquery无法让 html 与 jquery 一起使用
【发布时间】：2016-01-08 20:25:34
【问题描述】：

我有一个问题，我有一个代码，我试图让它在我的网站上运行，但不能。我在代码中有所有必要的插件，但是当我点击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>

【问题讨论】：

cardgame.js 是您遇到问题的文件吗？这个问题需要大量修改。
我想是的，我的意思是 html 在那里，但我似乎无法执行 js 文件。我试图测试的链接是 joxongir.ucoz.com/stuff
你的源代码一团糟，在转向 jQueryUI 之前你肯定需要学习 HTML ;)。祝你好运！

标签： jquery html jsfiddle

【解决方案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 fiddle，因为那里的库会自动为您加载。在另一个地方，你必须自己做>

【讨论】：

在这种情况下，您是否在使用 Internet Explorer 并收到有关被阻止内容的消息？允许该内容运行。
其实OP的包含JS文件的方式更好！浏览器使用当前使用的协议，这用于在可用时通过 SSL 加载静态文件。无论如何，如果 OP 在本地测试并通过file://// 协议访问文件，这可能会很好。在外面小心点！
除了 OP 的代码不起作用。加载js文件的最佳方式很大程度上取决于代码在哪个环境下运行。由于我们没有这些信息，因此通过 http 从原始站点获取文件是最好的、一刀切的方法。
您是否更改了其他内容？这里给我的暗语。
不，我根本没有做任何改变。你能否访问 joxongir.ucoz.com/stuff 看看它是否在那里工作，如果它对你有用，那么我的互联网连接很慢，也许这就是问题的原因

【解决方案2】：

您的 HTML 结构不正确。在关闭 <html> 标签后，您关闭了 <body> 和 <table> 标签。

正确的结构：

<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>

【讨论】：

【解决方案3】：

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

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

【讨论】：

在js文件和html中都添加了函数

【解决方案4】：

您需要包含 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>

【讨论】：