php - 将 JS 代码从 HTML 移动到 HEAD 部分的源代码

Question

我有一个问题，如果你不介意，我希望你能指导我解决它......在我的 HTML 源代码中，到处都有几段 css 代码。所以我决定放在一个名为 principal.css 的文件中，并在 head 部分执行以下操作

<link href="css/principal.css" rel="stylesheet" type="text/css" />

效果非常好!我的想法是对我的 HTML 中的 javascript 代码做同样的事情，但它没有奏效。这是其中之一:

$("[data-slider]")
    .each(function () {
    var input = $(this);
    $("<span>")
        .addClass("output")
            .insertAfter($(this));
    })
    .bind("slider:ready slider:changed", function (event, data) {
    $(this)
        .nextAll(".output:first")
            .html(data.value);
    });

有什么特别的方法吗？我的目标是该页面的代码量最少，缩进、记录和干净。问候，我将等待您的答复!请原谅我的英语...

Answer 1

你需要将其包装在 $(document).ready(...) 中

另外，它有不寻常的缩进。像这样格式化它可能会更好:

$(document).ready(function() {
    $("[data-slider]").each(function () {
        var input = $(this);
        $("<span>").addClass("output").insertAfter($(this));
    }).bind("slider:ready slider:changed", function (event, data) {
        $(this).nextAll(".output:first").html(data.value);
    });

});

我个人不喜欢连续链接这么多这样的命令。它的效率可能会稍微高一些，但它会使调试和修复问题变得更加困难。我个人会将 .each() 和 .bind() 分成单独的语句。但我想这是一个偏好问题。