Question

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

这是jquery或jqueryUI，不知道什么是什么

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

Answer 1

要使用jquery函数，必须包括jquery库。该网站提供了非常好的教程，我向您推荐此页面，它应该可以解决您的问题： https://www.w3schools.com/jquery/jquery_get_started.asp

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

1 个答案: