javascript - 将 JQuery 脚本与外部文件中的选择器分开不起作用？

Question

我有一个 JQuery 选择器和一个与之关联的事件。我想将其保留在外部文件中，然后复制并直接保存它。我看到的是具有选择器的外部 JavaScript 不起作用。有人能解释一下为什么吗？

注意:我可以在 HTML 文件中使用相同的函数，但在外部化它时。它就是行不通。我的脚本如下:-

 $('#pervious').click(function() {
        var presentSlide = $('.visible').attr('id');
        var tempArr = presentSlide.split("-");
        var persentSlideNo = tempArr[1];
        var perviousSlideNo = Number(persentSlideNo) - 1; if (perviousSlideNo > -1) 
        {
        var perviousSlide = "Slide-" + perviousSlideNo;

            $('#' + presentSlide).fadeOut('slow',function(){
            $(this).removeClass('visible').addClass('hidden');
            });
            $('#' + perviousSlide).fadeIn('slow',function(){
            $(this).removeClass('hidden').addClass('visible');
            });
        }

    });

Answer 1

您如何包含此脚本？

请注意，它需要位于 id=pervious 元素的定义下方，或者需要位于它之后(例如 document.ready)，否则该元素不会存在，也不会有任何东西可以绑定(bind)。

更新重申一下，它需要在创建 pervious 元素之后执行。将其放入外部文档中可能会导致它在创建 pervious HTML 元素之前执行，因此它不起作用。当然，您可以将其放入外部文件中，只需确保该元素已加载，例如

$(document).ready(function() {
    $.getScript('http://yoursite.com/extrascript.js');
});