3

私は100万回前に自分のページにjQueryを含めたことがあると誓いますが、何らかの理由でこれは機能していません。何も起きていないようです。

jQuery.comのホストバージョンへの外部リンクを含めました。

何か洞察はありますか？ 

<html>
<head>
    <meta charset="utf-8" />


    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js" />
    <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js" />
    <script>

    $(function() {
    $( "#draggable3" ).draggable({ containment: "#containment-wrapper", scroll: false });


    $("input[type=submit], a, button")
        .button()
        .click(function( event )
        {
            event.preventDefault();
            $("#infobar").append('<p>Full name = ' + $("#first").val() + ' ' +  $("#last").val() + '  </p>');  
            alert("Name added!");                 
        });

       $.getJSON('friends.json', function(data)
       {
            $.each(data, function()
            {
                $.each(this, function(k, v)
                {
                  $("#infobar").append('<p>' + v.firstName + ' '  + v.lastName + '</p>');
               });

            });     

       });
});
    </script>

    <style>
    .draggable { width: 50px; height: 50px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
#draggable, #draggable2 { margin-bottom:20px; }
#draggable { cursor: n-resize; }
#draggable2 { cursor: e-resize; }
#containment-wrapper { width: 95%; height:150px; border:2px solid #D00000 ; padding: 10px; border-style:dashed;}
#infobar {background: #E8E8E8; width:100%}
</style>

</head>
<body>


<div id="containment-wrapper">
    First Name: <input type="text" name="firstname" id="first"><br>
    Last name: <input type="text" name="lastname" id="last">
    <input type="submit" value="Calclulate" />

    <div id="draggable3" class="draggable ui-widget-content">
        <p>LET ME OUT!</p>
</div>


</div>
<div id="infobar">

  </div>



</body>
</html>​​​​​​​​​
4

2 に答える 2

4

<script>自己閉鎖的ではありません

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
于 2012-11-14T19:21:47.680 に答える
3

<script>要素には終了タグが必要です。あなたは書くべきです：

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

それ以外の：

<script src="http://code.jquery.com/jquery-1.8.2.js" />
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js" />

また、type属性はHTML4で指定する必要があることに注意してください（デフォルトでtext/javascriptはHTML5で指定されます）。ドキュメントの種類によっては、明示的に指定することをお勧めします。

于 2012-11-14T19:21:30.067 に答える