$（document）.ready（…）は呼び出されません

StackOverflow https://stackoverflow.com/questions/8835592

質問

次のEJSテンプレートがあります 

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Emasc Editor</title>
        <style>
            .list{
                display: inline-block;
            }
        </style>
        <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
        <script type="text/javscript">
$(document).ready(function(){
    alert('test');
    $("#setMembershipsButton").click(function(e){
        // send selected person and groups to server and create memberships
        data = {
            person: $('#person_list').val(),
            groups: $('#group_list').val()
        };
        $.post('/newConnections', data);
    });
    $("#person_list").change(function(){
        alert('test');
        // send selected person to server and retrieve memberships
        $.post('/getPersonGroups', { personID: $('#person_list').val() }, function(data, textStatus){
            $('#group_list option').removeAttr('selected');
            for(var i=0; i<data.ids.length; i++){
                $('#group_list option[value=' + data.ids[i] + ']').attr('selected', 'selected');
            }
        });
    });
});
        </script>
    </head>
    <body>
        <div class="list">
            <select id="person_list" size="<%= persons.length+1 %>">
                <% for( var i=0; i<persons.length; i++){ %>
                    <option value="<%= persons[i].id %>"><%= persons[i].name %></option>
                <% } %>
            </select>
            <form method="post" action="/newPerson">
                <input type="text" name="user[name]" />
                <input type="submit" value="Submit" />
            </form>
        </div>

        <div class="list">
            <select id="group_list" multiple size="<%= groups.length+1 %>">
                <% for( var i=0; i<groups.length; i++){ %>
                    <option value="<%= groups[i].id %>"><%= groups[i].name %></option>
                <% } %>
            </select>
            <form method="post" action="/newGroup">
                <input type="text" name="group[name]" />
                <input type="submit" value="Submit" />
            </form>
        </div>

        <br/>

        <input id="setMembershipsButton" type="button" value="Set Memberships"></input>
    </body>
</html>

そして、最初のアラート（「テスト」）が呼ばれることはありません。ここに何が欠けていますか？

役に立ちましたか？

解決

スクリプトタイプが無効です：

<script type="text/javscript">

あるべきです

<script type="text/javascript">

から モジラ:

タイプ
この属性は、スクリプト要素内に埋め込まれたか、要素のSRC属性を介して参照されるコードのスクリプト言語を識別します。これはMIMEタイプとして指定されています。サポートされているMIMEタイプの例には、テキスト/JavaScript、Text/ECMAScript、Application/JavaScript、Application/ECMAScriptが含まれます。この属性がない場合、スクリプトはJavaScriptとして扱われます。

ただし、タイプがブラウザによって認識されない場合、ブロックは無視されます。除外するのが最善です type それを間違えないように完全に属性。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top