Javascript 外部文件中的jquery不起作用_Javascript_Jquery

Javascript 外部文件中的jquery不起作用

javascript jquery

Javascript 外部文件中的jquery不起作用,javascript,jquery,Javascript,Jquery,我有一段jquery代码，当我将它加载到我的页面时，它可以工作，但当我将它放入外部js文件时，它就不工作了我的外部js文件如下所示： $(document).ready(function() { $('.list').click(function(e) { var value = $(this).val(); $(".select_menu input").val(value); $(".select_menu").show(

我有一段jquery代码，当我将它加载到我的页面时，它可以工作，但当我将它放入外部js文件时，它就不工作了

我的外部js文件如下所示：

$(document).ready(function() 
{
    $('.list').click(function(e)
    {
        var value = $(this).val();
        $(".select_menu input").val(value);

        $(".select_menu").show();
        $(".select_menu input").focus();
        e.stopImmediatePropagation();
    });

    $('.select_menu, .select_menu input').click(function(e)
    {
        e.stopImmediatePropagation();
        return false;
    });

    $(".select_menu input").bind('keyup', function(e)
    {
        //var e = $(event.target);
        var q = $(this).val();
        var dataName = $(this).attr('data-name');

        $("#type").val(dataName);

        selectMenu(q,dataName,e);
        e.stopImmediatePropagation();
    });

    $(".select_menu input").focus(function(e)
    {
        //var e = $(event.target);
        var q = $(this).val();
        var dataName = $(this).attr('data-name');

        $("#type").val(dataName);

        selectMenu(q,dataName,e);
        e.stopImmediatePropagation();
    });


    $(document).click(function() {
        $(".select_menu").hide();
    });

});


我的网站

有趣的是，当我把一些自制的函数放到文件中时，这些函数工作得很好

有人有主意吗？

您的文件应该像这样包括在内

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript" src="yourExternalScripts.js">  
</script>
</head>
<body>
</body>
</html>

请检查是否正确加载jquery文件，然后加载外部js文件。正如您所说的，您的自定义方法工作正常，那么浏览器的javascript肯定会激活。

因此，如果您正确加载jquery文件，然后加载外部js文件，它肯定会工作

您的控制台中是否有错误？对文件的调用正确吗？文件在正确的位置？在jquery之后导入它吗？dystroy说什么。HTML页面标题是什么样子的？@AlessandroMinoccheri，我在控制台中没有发现错误。我已经在文件的顶部放置了一个警报，这很有效。@dystroy，是的，我已经将文件放置在jquery.xhtml之后了？如果你想使用现代HTML并与IE9兼容，请升级你的标题。如果你想使用html5，你应该声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript" src="yourExternalScripts.js">  
</script>
</head>
<body>
</body>
</html>