Γειά σας

Στην σελίδα έχω ενα  jquery Sortable το οποίο δεν λειτουργει διότι  η σελίδα στηρίζεται σε Master Page και την οποία υπάρχει ένα update panel

Ο κώδικας ειναι :

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <style>

  #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }

  #sortable li span { position: absolute; margin-left: -1.3em; }

  </style>

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  <script>

  $( function () {

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

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

  } );

  </script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

  <ul id="sortable">

  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>

  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>

  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>

  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>

  <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>

 </ul> 

</asp:Content>

 Εαν τον κώδικα τον βάλω σε απλη σελίδα λειτουργεί κανονικα (εάν δεν υπάρχει το updatepanel kai to scriptManager)

Υπάρχει τρόπος να λειτουργεί   jquery Sortable με την Master Page

Καλησπέρα,

Το jQuery είναι client side, οπότε δεν ανακατεύεται με την Server-side τεχνολογία των web forms. Συνεπώς δεν υπάρχει δεν λειτουργεί.

Από εκεί και πέρα, μια MasterPage, συνήθως παρέχει στατικά κομάτια μέσα σε μια webform σελίδα - αυτό που αναφέρεις, ότι περιέχει ένα updatepanel, έρχεται σε αντίθεση με αυτή τη λογική. Για ποιο λόγο έχεις στην Master σελίδα το updatepanel που χρειάζεσαι, και όχι στη σελίδα που την κληρονομεί;

Γενικά τα προβλήματα με το client-side που δεν λειτουργεί με τα server-side updates του updatepanel, έχουν να κάνουν στο ότι τις περισσότερες φορές ο client side κώδικας κάνει fire με τη ολοκλήρωση της φόρτωσης της σελίδας στο browser, και την ίδια στιγμή, ο κώδικας που επηρεάζεται, και είναι μέσα στο updatepanel, δεν έχει έρθει ακόμα από τον server. Για να λύσεις το "πρόβλημά" σου, θα πρέπει να εξασφαλίσεις ότι ο κώδικας του ενεργοποιεί το iQuery sortable, θα τρέξει, όχι με τη φόρτωση της σελίδας, αλλά μετά που θα φορτωθεί το html fragment από το updatepanel. Το updatepanel, έχει javascript events, που μπορείς να καταλάβεις πότε αλλάζει τα περιεχόμενά του. Μπορείς να δεις εδώ - https://msdn.microsoft.com/en-us/library/bb398976.aspx - πως μπορείς να χειριστείς αυτά τα events, και να τρέξεις δικό σου κώδικα. 

 George J.

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias

Γιώργο καλησπέρα

Το έχω δοκιμάσει και με το updatepanel στην σελίδα που κληρονομεί και το αποτέλεσμα ειναι το ιδιο να μην λειτουργεί to jquery Μόλις αναιρέσω το  updatepanel απο την σελίδα λειτουργεί κανονικά χωρίς να του δημιουργεί πρόβλημα η Master  Page  Λόγω έλλειψης χρόνου δεν το έχω ερευνίσει αρκετά και το μόνο που είδα είναι στο : 

"https://www.codeproject.com/Articles/534587/ASP-NET-jQuery-is-not-Working-in-UpdatePanels"

αλλά και αυτό δεν έλυσε το πρόβλημα, δεν ξέρω αν υπάρχει καποιος άλλος να προτείνει

Θα μελετήσω και την πρόταση σου

Ευχαριστώ

Τελικά ακολούθησα την πρόταση του Γιώργου και αφαίρεσα το updatepanel  απο την  Master.Page το έβαλα στην σελίδα μαζύ με το jquery αλλά όχι  μέσα στο updatepanel - /updatepanel

Δεν ξέρω αν είναι σωστός  ο τρόπος αλλά λειτουργεί σωστά

Κάθε άλλη πρόταση δεκτή

Ευχαριστώ