Javascript 如何将jquery文件与html文件链接？_Javascript_Jquery_Html

Javascript 如何将jquery文件与html文件链接？

javascript jquery html

Javascript 如何将jquery文件与html文件链接？,javascript,jquery,html,Javascript,Jquery,Html,我有一个HTML文件，应该链接到一个只包含一些jquery函数的文件，但我不能这样做。下面是HTML和jquery的图像。我试着做一些事情，但我想他们都错了。我想将该HTML文件链接到jquery文件。我该怎么做？我的代码中缺少什么这是jquery或jqueryu我不知道什么是什么： $(function() { $('#docwindow').droppable({ activeClass: "ui-state-default", hoverClass: "ui-state

我有一个HTML文件，应该链接到一个只包含一些jquery函数的文件，但我不能这样做。下面是HTML和jquery的图像。我试着做一些事情，但我想他们都错了。我想将该HTML文件链接到jquery文件。我该怎么做？我的代码中缺少什么

这是jquery或jqueryu我不知道什么是什么：

$(function() {

$('#docwindow').droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    cursor: 'move',
    greedy: true,
    drop: function(event, ui) {
        if (ui.draggable.hasClass('out-of-box')) {
            ui.draggable.remove();
            console.log("Removing element");
        } else {
            $(ui.draggable).removeClass("out-of-box").addClass("in-box");
            ui.draggable.detach().appendTo($(this));
            console.log("Cloning element");
        }

    }
});

$('body').droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    cursor: 'move',
    drop: function(event, ui) {
        console.log("Dropping");
        if (ui.draggable.hasClass("in-box")) {
            var clone = ui.draggable.clone();
            clone.removeClass("in-box").addClass("out-of-box");
            clone.detach().appendTo($(this)).draggable({});
            ui.draggable.draggable({
                revert: true
            });
        }
    }
});

$("#docwindow, .draggable").draggable({});
$("#body").draggable({});
});

这是HTML的标题：

<!DOCTYPE html>
<html>

<head>
    <title>Desk+ - Grupo 36</title>
    <link rel="stylesheet" type="text/css" href="PF1.1.novo.css">
    <script src="PF1.1.jquery.js"></script>
</head>


办公桌+-Grupo 36

要使用jquery函数，必须包含jquery库。本网站提供了非常好的教程，我向您推荐本页面，它应该可以解决您的问题：

请在问题中张贴相关代码，而不是在图片中。如果您阅读了它，它将解释如何提出一个好问题。添加为.js文件的第一行（单独添加）：

alert（“include”）

-如果您得到了它，那么它是另外一行。如果您没有得到它，那么检查您的浏览器网络选项卡最有可能的情况是，您没有包括jquery（它不在您的非现场图像中）。还请注意，

draggable（）

和

droppable（）

是jQueryUI（不是jquery）的一部分，因此您需要包括这两个库。请参阅欢迎，以提高您的体验，因此请阅读和。我也建议你。请不要把学校作为参考。他们的文章经常过时，有时甚至完全错了。在这种情况下，jQuery学习中心是一个更适用的来源：谢谢你的建议，下次我在这个网站上看到一些东西时，我会仔细检查一下。我在代码中包含了这个

，正如w3schools教程中所说的那样，但它仍然不起作用。你应该给出调试器输出，这样我们可以帮助你找到问题。如果您使用的是chrome浏览器，您只需右键单击页面，然后检查元素。访问新打开区域中的console选项卡。这里您应该看到一些输出。“仍然不工作”太含糊了-文件加载失败吗？它是否加载但不执行任何操作？它是否加载但给出控制台错误？你的显示器爆炸了吗？