函數語句需要在JQuery中

Question

我有這個功能，但它給了我函數聲明的名稱錯誤需要名稱的onStop功能

<script type="text/javascript"> 
jQuery(function($) { 
    $('#Hnav, #Nnav').NestedSortable(
      { 
       accept: 'sort', 
       noNestingClass: "no-children", 
       helperclass: 'helper', 
       autoScroll: true, 
       onChange: function(serialized) { 
       onStop : function(){ 
        $('#output').html($(this).id); 
       }, 
        nestingPxSpace : '0' 
      } 
    ); 
}); 
</script> 

Answer 1

有一個支架失蹤，你用錯誤的語法越來越ID試試這個，

$('#output').html($(this).id); 

應該

$('#output').html(this.id); 

或

$('#output').html($(this).attr(id)); 

    jQuery(function($) { 
    $('#Hnav, #Nnav').NestedSortable({ 
     accept: 'sort', 
     noNestingClass: "no-children", 
     helperclass: 'helper', 
     autoScroll: true, 
     onChange: function(serialized) { 
      alert("changed");// Changed to fix 
     },    
     onStop: function() { 
      $('#output').html(this.id); 
     }, 
     nestingPxSpace: '0'  
    }); 
});​ 

Answer 2

在這種情況下，this指的是發生事件的DOM元素。一個DOM元素不是一個jQuery對象。

jQuery $(this)對象沒有id屬性，而DOM元素的確如此。因此，使用：

$('#output').html(this.id); 

或：

$('#output').html($(this).attr("id")); 

而且不要忘記關閉支架在onChange處理函數。

Answer 3

集體中有兩個代碼問題，

1. 內部函數沒有正確關閉。
2. jQuery選擇器不支持的元素的id屬性。

修改後的代碼是，

jQuery(function($) { 
    $('#Hnav, #Nnav').NestedSortable(
      { 
       accept: 'sort', 
       noNestingClass: "no-children", 
       helperclass: 'helper', 
       autoScroll: true, 
       onChange: function(serialized) { 
        //A empty function 
       }, 
       onStop : function(){ 
        $('#output').html($(this).attr("id")); 
       }, 
       nestingPxSpace : '0' 
      } 
    ); 
});