TypeError: $(...).sortable is not a function

Hallo,

ich versuche in einer Modalbox ein Script anrufen… Es sieht sehr einfach aus:

       $("#playlist_order").sortable();

Beim ersten Öffnen des Fensters erhalte ich diese Fehlermeldung:

TypeError: $(...).sortable is not a function

Wenn ich das Fenster schließe und nochmal versuche, dann funktioniert es.

Ich versuchte mit sehr vielen Methoden, aber fand leider keine Lösung… Ich freue mich, wenn ihr mir helfen könntet!

Hallo,

was sind denn die “sehr vielen Methoden”, die du bereits probiert hast? Das hilft immer zu wissen, was man nicht mehr vorschlagen muss.

schon versucht ein $(document).ready(function(){ … }); drumrumzulegen?

sieht mir auf den ersten blick nicht nach einem sw-spezifischen problem aus

$("#playlist_order") scheint es schlichtweg nicht zu geben. Du kannst es ja testweise mal mit einem console.log() ausgeben.

Viele Grüße
https://www.digitvision.de

Danke für ihre Antworte.

was sind denn die „sehr vielen Methoden“, die du bereits probiert hast? Das hilft immer zu wissen, was man nicht mehr vorschlagen muss.

  1. „Sehr vielen Methoden“ bedeutet:
  • Ich hab die Rheinfolge von JQuery verändert.
  • Ich hab $(document).ready(function(){ … })  benutzt.
  • versuchte

Hallo @Milad‍,

append deine Code zu ‘frontend_index_javascript_async_ready’ Block und benutz document.asyncReady funktion.

für mehr Info sehe Dok:

https://developers.shopware.com/designers-guide/css-and-js-files-usage/#asynchronous-javascript

und mein Vorschlag dass du deine Code in ein custom.js Datei schreiben und dann diese Datein zu Kompiler hinzufügen wie so:

https://developers.shopware.com/designers-guide/css-and-js-files-usage/#add-javascript-files

dann wenn du möchtest etwas beim Javascript zukunft machen , du kannst deine Code in diese Datei schreiben und das Theme recompiling.

VG,

image

Tel.: +49 755 - 183 990 00 | E-Mail: info@enbit.de | Web: http://enbit.de/

Hi @ahmadsaad‍ ,

danke für die Antwort. Aber das funktioniert nicht… Ich bekomme die gleiche Fehlermeldung!

 

Hallo @Milad‍,

ich glaube zuerst du bruchst nicht das Jquery Library nochmal zu laden

Shopware hat schon seine Jquery Library.

und schaue mal diese Beitrag hier er sprichst über ein gleiche Probleme 

https://forum.shopware.com/discussion/26714/accordion-in-shopware-5-jquery-ui

und 

https://tips.4uweb.de/shopware/157-jquery-ui-einbinden

VG,

image

Tel.: +49 755 - 183 990 00 | E-Mail: info@enbit.de | Web: http://enbit.de/