Question

我的javascript代码与我的html文件一起工作但是当我将它移动到它自己的javascript文件时，它不起作用。我检查过，这不是文件位置的问题。它在任何浏览器中都不起作用。请帮忙。谢谢。

我的HTML调用文件：

<script type="text/javascript" src="js/click-dropdown.js"></script>

这是我的javascript代码：

$(document).ready(function() {
$('.prospectus-click').click(function() {

        //REMOVE THE ON CLASS FROM ALL BUTTONS
        //$('.prospectus-form > div').parent().removeClass('on');
        $('.prospectus-arrow').removeClass('prospectus-arrow-up');

        //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
        $('.table-wrap').slideUp('fast');

        //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
        if($('.prospectus-click').next().is(':hidden') == true) {
                    //ADD THE IMGON CLASS TO THE IMAGE
            //$(this).find('.accimge').addClass('imgon');  
            //ADD THE ON CLASS TO THE BUTTON
            $('.prospectus-arrow').addClass('prospectus-arrow-up');
            //OPEN THE SLIDE
            $('.prospectus-click').next().slideDown('medium');
         } 

     });



    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

    $('.prospectus-click').mouseover(function() {
        $(this).parent().addClass('over');

    }).mouseout(function() {
        $(this).parent().removeClass('over');                                       
    });

    $('.table-wrap').hide();


$('.live-consult').click(function() {       
        //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
        $('.live-consult-div').slideUp('fast');

        //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
        if($('.live-consult').next().is(':hidden') == true) {
            $('.live-consult').next().slideDown('medium');
         } 

     });



    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

    $('.live-consult').mouseover(function() {
        $(this).parent().addClass('over');

    }).mouseout(function() {
        $(this).parent().removeClass('over');                                       
    });

    $('.live-consult-div').hide();
});

Answer 1

您编写的Javascript文件正在使用jQuery库。为了使其工作，您必须在脚本之前加载jQuery库。

您可以从这里下载jQuery http://jquery.com/

我还建议您使用缩小文件，并在关闭正文标记之前将脚本加载到html页面的底部。

<script type="text/javascript" src="js/jquery-min-1.11.0.js"></script>
<script type="text/javascript" src="js/click-dropdown.js"></script>

Answer 2

正如Nevett和David所说，在包含jquery库之前，你可能会包含/加载你的'click-dropdown.js'文件。但是如果你不确定你的脚本包含在哪个顺序，那么检测你的开发控制台是否有错误“ReferenceError：$ is not defined”或者只是简单地写

提醒（'我的$是'+ typeof $）;

作为脚本的第一行。如果alert表示未定义，则在jquery之后包含你的脚本。如果警报说功能，那么请描述您面临的确切问题;任何错误，警告。

Javascript适用于HTML但不适用于javascript文件

2 个答案: