jquery droppableエラー

Question

ここに私のコードです。私はエラー以下になっています

$("#selected").droppable({ 
drop: function() { 
    total = total + 1; 
     alert('total : ' + total); 
    } 
}); 

：。

$（ "＃選択した"）ドロップ可能では関数ではありません。

これを解決するにはどうすればよいですか？

Answer 1

次のいずれかの問題が考えられます。 <script>タグに関して：

• jQuery UIは正しく組み込まれていますか？
• jQueryが含まれていますの前に jQuery UI？
• （これは問題ではありませんか、別のエラーを取得したい）jQueryのは、再び以降のページでは、jQueryのUIの後に含まれていますか？

を（それがjQueryオブジェクトを再定義しているので、これは、jQueryのUIを含む任意のプラグインを、消去されます）第三は、jQueryのUIを追加しますが、別のjQueryによって吹き飛ばさ取得プラグインのすべての問題を、非常に一般的に見落とされますjQueryオブジェクトを上書きすることができます。

Answer 2

ちょうどチェックするための標準的な物事のカップル：

1）あなたはjquery.jsにこのスクリプトの前に& jqueryui.jsを含むことがありますか？
2）この行の前に構文エラーがありますか？
3）$（ドキュメント）.ready（...）または同等のものの中でこれを実行していますか（問題ではないが、問題ありません）

Answer 3

誰かがこれをまだ必要としている場合は、上記のすべてのことを実行しても問題ありませんが、それでも機能しません。 ご存じのように、jquery uiのカスタムバージョンをダウンロードできます。

あなたにドラッグ可能なコンポーネントがあるかどうかを確認してください。わからない場合は、http://jqueryui.com/downloadからダウンロードして、コンポーネントの削除可能性もチェックされていることを確認してください。

は角度が私のために働いていた前に、jQueryのスクリプトを追加

Answer 4

（これは私の場合でした）。 Dragdropのドキュメントには、この情報が欠けています。 （角に関連@Pauloペドロソの答え以下）サーチャーの利益のために

<script src="bower_components/jquery/dist/jquery.js"></script> 
<script src="bower_components/jquery-ui/jquery-ui.js"></script> 
<script src="bower_components/angular/angular.js"></script> 

Answer 5

：

私のindex.htmlには、このように終わりました。リンク機能の要素を使用する場合

このエラーは、AngularJS指令に見ることができます。私にとって

問題は、要素がjqLit​​e要素ではなく、jQueryのよう通じ来ていたでした。それをJQueryに変換して、JQueryのUI関数にアクセスする必要がありました。私。（わからない理由はなく）

myApp.directive('jqDrop', ['$rootScope', function ($rootScope) { 
    return { 
     restrict: 'A', 
     link: function (scope, elm, attr) { 

      // NOTE: elm comes in under jqLite, so need to jQuery it. 
      $(elm).droppable({ 
       drop: function (event, ui, x) { 
        // Do stuff here... 
       }, 
       greedy: false, 
       over: function (event, ui) { 
       }, 
      }); 
     } 
    }; 
}]); 

ので、誰かに調査のビットを保存するためにここに投稿し、他のアプリにこの変換を行う必要はありませんでした。