为什么我的 jQuery 没有运行？

Question

我确信我只是在放屁，我错过了一些明显的东西，但请帮忙。

我不明白为什么以下代码（自定义幻灯片放映的早期编码）在文档加载时不会被破坏。

$(document).ready(function() {

    var numSlides = $('#slides .slide').length();
    var wrapperWidth = $('#homeBanner').width();
    var totalWidth = numSlides * wrapperWidth;

    // set width of #slides to width of all .slide elements added together
    $('#slides').css('width', totalWidth+'px');

}); // end document.ready()

Answer 1

长度是一个属性，而不是一个方法。

var numSlides = $('#slides .slide').length; // note, no parens

Answer 2

要获取网页上幻灯片的数量，您应该使用 jQuery 的 .size() 方法或 .length 属性。如果我没记错的话，你可能不会调用 length 作为一种方法。

var numSlides = $('#slides .slide').size();

顺便说一句，.width() 如果您使用的是 setter 和 getter，则可以兼作 setter 和 getter像素值，因此您可以像这样简化编辑 CSS 属性的最后一行。

$('#slides').width(totalWidth);

您可能不想使用美元符号 ($)，除非您确信 jQuery 是您项目的唯一 JavaScript 库。您可以将第一个美元符号替换为“jQuery”，然后将美元符号添加到匿名函数参数中。这样您仍然可以在 document.ready() 方法中安全地使用美元符号。示例：

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

希望能帮助您解决问题，祝您好运，如果您需要任何帮助，请告诉我。

干杯!