3

これは簡単なはずですが、並べ替え可能なリストの順序を警告するのに本当に問題があります。

これが私が使用している私のJQueryコードです：

$(document).ready(function() {
    $("#projectItems").sortable({
        update : function(event, ui) {
            var order = $(this).sortable('toArray').toString();
            alert(order);

        }
    });
});

これが私のリストの私のHTMLです：

<ul id="projectItems">
                    <li id="item1" value="<?php echo $studentChoice1; ?>">(1) <?php echo $title[1]; ?><a href='#message1' onclick='deleteProject(".$studentChoice1.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li>
                    <li id="item2" value="<?php echo $studentChoice2; ?>">(2) <?php echo $title[2]; ?><a href='#message1' onclick='deleteProject(".$studentChoice2.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li>
                    <li id="item3" value="<?php echo $studentChoice3; ?>">(3) <?php echo $title[3]; ?><a href='#message1' onclick='deleteProject(".$studentChoice3.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li>
                    <li id="item4" value="<?php echo $studentChoice4; ?>">(4) <?php echo $title[4]; ?><a href='#message1' onclick='deleteProject(".$studentChoice4.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li>
                    <li id="item5" value="<?php echo $studentChoice5; ?>">(5) <?php echo $title[5]; ?><a href='#message1' onclick='deleteProject(".$studentChoice5.",".$userID.")'><img height=20px width=20px alt='Delete' src='img/delete.png' /></a></li>
</ul>

リストは並べ替え可能で機能しますが、ユーザーがアイテムの並べ替えを終了すると、アラートメッセージはまったく表示されません。

私はこれに数日間立ち往生していて、オンラインで解決策を見つけることができないように見えるので、ここでの助けは大歓迎です。

更新 問題はjQueryの参照にあるようです

私が使用しているjQueryの現在のバージョンは、スクリプトで以下のように参照されているgoogleのCDNからの1.7.1です。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

ただし、これを次のように変更した場合：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

それはまったく機能しませんでした！

また、以下のように参照しようとすると、jquery参照エラーがあると表示されます！

<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" href="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" href="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

この問題は他のすべての人にとって正常に機能しているように見えるため、この問題を修正する方法がわかりません。ここでの助けをいただければ幸いです。

4

3 に答える 3

2

正常に動作しています。こちらを確認してください：http： //jsfiddle.net/DHJb7/

$(document).ready(function() {
$("#projectItems").sortable({
    update : function(event, ui) {
        var order = $(this).sortable('toArray').toString();
        alert(order);
    }
});
});

jQueryまたはjQueryUIライブラリを含めるのを忘れたと思います。また、それらを含めている場合は、ライブラリのバージョンを確認してください。

推奨バージョン： jQueryの場合は1.9.1、jQueryUIの場合は1.9.2

<link href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" href="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" href="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
于 2013-02-27T12:34:05.933 に答える
0

このフィドルリンクを見てください。私にとってはうまくいきます。

         $("#projectItems").sortable({
                update: function (event, ui) {
                    var order = $(this).sortable('toArray').toString();
                    alert(order);

                }
          });

これがあなたにもっと役立つことを願っています。

于 2013-02-27T12:36:55.830 に答える
0

ITは機能するはずです。jquery ui と jquery ライブラリを追加します。目的の関数を呼び出す (更新) には、アイテムの位置を (ドラッグ/ドロップで) 変更する必要があることを明確にする必要があります。

于 2013-02-27T12:37:06.940 に答える