После первого действия скрипт перестает работать

[cyberx]

Возникла одна проблема. Вот скрипт который делает сортировку у перетаскивание с добавлением в базу, проблема в том что после первого действия скрипт перестаёт работать, после первого запроса уже не отсылается и не работает сортировка, вроде firebug ничего не показал

Код: [Выделить]

var dropped = false; var templateHtml; $(document).ready(function(){  function addlist(param)  {    $.ajax({            url: \'index.php\',            data: \'drop=\'+encodeURIComponent(param),            type: \'POST\',            dataType: \'php\',            success: function(msg)             {                     if(parseInt(msg)!=0)               {                $(\'#pageContent\').html(msg);                    }             }       });  }   setSortable();    $("#droppable").droppable({        accept:".drop",        drop:function(event,ui){            dropped = true;            addlist(ui.draggable.text());        }    });   });  function setSortable(){         $("#sortable").sortable({ opacity: 0.6, cursor: \'move\', update: function() {            var order = $(this).sortable("serialize") + \'&action=listing\';            $.post("index.php", order, function(theResponse){                $("#pageContent").html(theResponse);            });                                                                     }                                         });       $("#sortable li").addClass("drop").bind(\'mousedown\',function(){        templateHtml = $("#sortable").html();    }); }

Код: [Выделить]

 

• One
• Two
• Three
• Four
• Five
• Six

 

 

 

[brainkiller]

Уважаемый, если хотите, чтобы Ваш скрипт читали люди, потрудитесь привести его в читаемый вид!

[cyberx]

Он та был нормально, просто как сюда забросил редактор его изменил,

var dropped = false;
var templateHtml;
$(document).ready(function(){

function addlist(param)
 {
   $.ajax({
           url: \'index.php\',
           data: \'drop=\'+encodeURIComponent(param),
           type: \'POST\',
           dataType: \'php\',
           success: function(msg)
            {      
             if(parseInt(msg)!=0)
              {
               $(\'#pageContent\').html(msg);    
              }
            }
      });
 }
 
setSortable();
   $("#droppable").droppable({
       accept:".drop",
       drop:function(event,ui){
           dropped = true;
           addlist(ui.draggable.text());
       }
   });
 
});

function setSortable(){

       $("#sortable").sortable({ opacity: 0.6, cursor: \'move\', update: function() {
           var order = $(this).sortable("serialize") + \'&action=listing\';
           $.post("index.php", order, function(theResponse){
               $("#pageContent").html(theResponse);
           });                                                            
       }                                
       });

 
   $("#sortable li").addClass("drop").bind(\'mousedown\',function(){
       templateHtml = $("#sortable").html();
   });
}

[brainkiller]

Выдаётся ли какая-нибудь ошибка?

[cyberx]

Нет просто после первого действия перестаёт работать. После перетаскивания или отсортировки происходит post запрос и после не перетаскивание не происходит и не сортировка

[brainkiller]

То есть, один раз всё же отрабатывает?

[cyberx]

Да один раз работает, проблема появляется после того как происходит отсылка post запроса. Вот например после перебрасывания срабатывает функция

addlist(ui.draggable.text());

Вот она и делает пост запрос

 function addlist(param)
  {
    $.ajax({
           url: \'index.php\',
           data: \'drop=\'+encodeURIComponent(param),
           type: \'POST\',
           dataType: \'php\',
           success: function(msg)
          {      
            if(parseInt(msg)!=0)
             {
              $(\'#pageContent\').html(msg);     
             }
           }
      });
  }

А вот если в ней вместо пост запроса записать просто делать alert то после действия выдает alert и продолжает работать, значит проблема появляется после post запроса

[brainkiller]

А что запрос возвращает и возвращает ли что-нибудь вообще?

[cyberx]

Да после первого действия все возвращает правильно, работает идеально, но после первого перестаёт работать скрипт, не перетаскивает, не перебрасывает и тем более не отсылает

[brainkiller]

Уточняю: post-запрос что-нибудь возвращает?

[cyberx]

После первого да, возвращается все правильно. После ничего не работает, ни перетаскивание и ни пост не отправляется

[brainkiller]

Понял. Вы полностью подменяете содержимое контейнера, содержащего элементы, которым назначены обработчики событий. Иными словами, после отработки скрипта у Вас появляется совершенно новый набор DOM-элементов, для которых не предусмотрена обработка событий

[cyberx]

Не подскажите как собрать скрипт чтоб он работал? Мне очень важно и эта вещь мне тормозит все дело.

[brainkiller]

Попробуйте после отработки addlist() повторно назначить обработчики событий.

[cyberx]

Я не очень разбираюсь в js и не понял как решить эту проблему. Там у меня так

• One


• Two


• Three


• Four


• Five


• Six

if(isset($_POST[\'action\']))
{
echo \'action\';
}
if(isset($_POST[\'drop\']))
{
echo \'drop\';
}
?>

Пост отсылается на #pageContent, если послать на #droppable то работает без проблем, просто дизайн сбывается, не могу понять в чом проблема