2

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();
    });

});


<head>
  <title>Mywebsite</title>

   <!-- stylesheets -->
   <link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.15.custom.css" rel="stylesheet" />
   <link type="text/css" href="../css/green.css" rel="stylesheet" />
   <link type="text/css" href="../css/nav.css" rel="stylesheet" />
   <link type="text/css" href="../css/selectMenu.css" rel="stylesheet" /> 

    <!-- jQuery - the core -->  
    <script type="text/javascript" src="../js/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="../js/jquery-ui-1.8.15.custom.min.js"></script>

    <script type="text/javascript" src="../js/menu.js"></script>
    <script type="text/javascript" src="../js/selectMenu.js"></script>

    <!-- Fancybox -->
    <script type="text/javascript" src="../js/fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/fancybox.css" media="screen" />

    <!-- Asmselect, deze code wordt gebruikt bij het toevoegen van medewerkers aan een bedrijf -->
    <script type="text/javascript" src="../js/jquery.asmselect.js"></script>
    <link type="text/css" href="../css/jquery.asmselect.css" rel="stylesheet" />

</head>

面白いことに、いくつかの自作関数をファイルに入れると、それらの関数は正常に機能します。

誰かアイデア？

4

2 に答える 2

1

jqueryファイルが正しくロードされていることを確認し、その後、外部jsファイルをロードしてください。そして、あなたがあなたのカスタムメソッドがうまくいくと言ったように、あなたのブラウザのjavascriptは確かにアクティブになりました。したがって、jqueryファイルを適切にロードし、その後に外部jsファイルをロードすると、確実に機能します。

于 2012-11-01T08:04:18.070 に答える
1

ファイルはこのように含める必要があります

<!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>
于 2012-11-01T08:02:18.053 に答える